Различия

Здесь показаны различия между двумя версиями данной страницы.

--- foobar2000:tagz:tutorial:create_colour_scheme [2006/06/06 15:32]
Mishail
+++ foobar2000:tagz:tutorial:create_colour_scheme [2006/06/08 12:28] (текущий)
@@ Строка 1: / Строка 1: @@
-===== Создание цветовой схемы =====
+====== Создание цветовой схемы ======
 В этой главе мы добавим цветовую раскраску к нашей текстовой информации. Мы разработаем структуру нашей цветовой  схемы таким образом, чтобы упростить добавление дополнительных наборов цветов. В результате для добавления нового цветового набора будет достаточно определить все необходимые цвета лишь в одном месте.
@@ Строка 5: / Строка 5: @@
 В первую очередь мы определим начальный набор цветов. Конечно же, от Вас не требуется определить каждый цвет до того, как Вы начнете создавать цветовой скрипт. Мы же не можем знать заранее абсолютно все, что нам понадобится. Мы рассмотрим полное определения цветов в одном месте, что позволит нам избежать постоянных возвращений к началу скрипта при определении новых цветов
-==== Определение цветов. ====
+===== Определение цветов. =====
 Перейдите к вкладке **Globals** в разделе **Playlist view** настроек Columns UI и выберите вкладку **Variables**. Здесь уже есть несколько наших строчек: код для определения альбомных трэков. Теперь добавьте туда эти строки:
@@ Строка 60: / Строка 60: @@
 Эта строка задает умеренно-красный в качестве цвета рамок, которые являются границами ячейки плэйлиста. Если Вы разделите строки плэйлиста столбцами, то получите набор из ячеек, подобный тому что Вы видите в программах табличной обработки (напр. Excel). Каждая сторона такой ячейки может иметь цветную рамочку. Мы будем использовать эту возможность для рисования границ между альбомами.
-==== Создание глобального цветового скрипта ====
+===== Создание глобального цветового скрипта =====
 Переключитесь на вкладку **Style**. Здесь мы введем цветовой скрипт, который будет применяться ко всем столбцам.
@@ Строка 66: / Строка 66: @@
 Команда для установки цветов называется ''$set_style()''. В первую очередь определим с помощью нее цвета текста.
-<html><pre>$set_style(<b>text</b>,$get_global(cTxtStd),<b>$get_global(cTxtSel)</b>)</pre></html>
+<html><pre class="code">$set_style(<b>text</b>,$get_global(cTxtStd),<b>$get_global(cTxtSel)</b>)</pre></html>
 Параметр ''text'' сообщает Foobar2000  о том что эти цвета нужно использовать в качестве цветов для текста. Затем мы используем наши глобальные переменные для получения значений цветов для обычного (cTxtStd) и выделенного текста (cTxtSel). В следующем шаге мы устанавливаем цвета фонов.
-<html><pre><font color="#808080">$set_style(text,$get_global(cTxtStd),$get_global(cTxtSel))</font><br>
+<html><pre class="code"><font color="#808080">$set_style(text,$get_global(cTxtStd),$get_global(cTxtSel))</font>
-<br>
-$set_style(back<br>
+$set_style(back
-,$ifequal($mod(%_playlist_number%,2),0,$get_global(cBgStd),$get_global(cBgAlt))<br>
+,$ifequal($mod(%_playlist_number%,2),0,$get_global(cBgStd),$get_global(cBgAlt))
-,$get_global(cBgSel)<br>
+,$get_global(cBgSel)
-)<br>
+)
 </pre></html>
@@ Строка 82: / Строка 82: @@
 C помощью длинной строки, включающей в себя выражение ''$ifequal()'', мы достигаем эффекта чередующихся цветных строк a-la iTunes в плэйлисте. Посмотрим на нее более внимательно.
-<html><pre><font color="#808080">$set_style(back</font><br>
+<html><pre class="code"><font color="#808080">$set_style(back</font>
-<br>
-,$ifequal(<b>$mod(%_playlist_number%,2)</b>,0,<br>
-$get_global(cBgStd),<br>
-$get_global(cBgAlt))<br>
-<font color="#808080">,$get_global(cBgSel)</font><br>
+,$ifequal(<b>$mod(%_playlist_number%,2)</b>,0,
-)<br>
+$get_global(cBgStd),
+$get_global(cBgAlt))
+<font color="#808080">,$get_global(cBgSel)</font>
+)
 </pre></html>
@@ Строка 108: / Строка 108: @@
 Здесь же установите галочку **Use custom active item frame** и установите этот цвет в черный. Этот значение определяет цвет рамки вокруг текущего выбранного элемента плэйлиста, и обычно (если явно не определено) это инвертированный цвет фона, что смотрелось бы очень некрасиво в нашем дизайне.
-==== Столбец Artist/Album ====
+===== Столбец Artist/Album =====
@@ Строка 150: / Строка 150: @@
 Вторая часть скрипта определяет все необходимые рамки.
-<html><pre><font color="#808080">$if($get_global(isAlbum),<br>
+<html><pre class="code"><font color="#808080">$if($get_global(isAlbum),
-<br>
-<i>[...]</i></font><br>
+<i>[...]</i></font>
-<br>
-// Рамка сверху и снизу<br>
+// Рамка сверху и снизу
-$ifequal(%tracknumber%,1,<br>
+$ifequal(%tracknumber%,1,
-$set_style(frame-top,1,$get_global(cFrmStd)),<br>
+$set_style(frame-top,1,$get_global(cFrmStd)),
-$ifequal(%tracknumber%,5,<br>
+$ifequal(%tracknumber%,5,
-$set_style(frame-bottom,1,$get_global(cFrmStd)),<br>
+$set_style(frame-bottom,1,$get_global(cFrmStd)),
-$ifequal(%tracknumber%,%album tracks%,<br>
+$ifequal(%tracknumber%,%album tracks%,
-$set_style(frame-bottom,1,$get_global(cFrmStd)),<br>
+$set_style(frame-bottom,1,$get_global(cFrmStd)),
-)))<br>
+)))
-<br>
-// Рамка справа<br>
+// Рамка справа
-$ifgreater(%tracknumber%,5,<br>
+$ifgreater(%tracknumber%,5,
-$set_style(frame-right,1,$get_global(cFrmStd))<br>
+$set_style(frame-right,1,$get_global(cFrmStd))
-,)<br>
+,)
-<br>
-)<br></pre></html>
+)</pre></html>
@@ Строка 174: / Строка 174: @@
 Три первые ''$ifequal()'' определяют первый, пятый и последний трэк альбома и устанавливают цвет рамки. Используемый здесь вызов ''$set_style()'' немного отличается оттого, что мы использовали ранее для задания цвета текста и фона. В общем виде он выглядит так:
-<html><pre>$set_style(<i>часть рамки</i>,<i>вклвыкл</i>,<i>цвет</i>)</pre></html>
+<html><pre class="code">$set_style(<i>часть рамки</i>,<i>вклвыкл</i>,<i>цвет</i>)</pre></html>
 //Часть рамки// - указывает на положение границы и может принимать одно из этих значений: ''frame-left'', ''frame-right'', ''frame-top'' или ''frame-bottom''.
@@ Строка 186: / Строка 186: @@
 Наконец-то мы закончили с альбомами. Последняя строка задаст цвета для одиночных трэков. Вот скрипт целиком:
-<html><pre><font color="#808080">$if($get_global(isAlbum),<br>
+<html><pre class="code"><font color="#808080">$if($get_global(isAlbum),
-<br>
-// Цвет текста/фона<br>
+// Цвет текста/фона
-$ifgreater(%tracknumber%,4,<br>
+$ifgreater(%tracknumber%,4,
-$set_style(text,$get_global(cTxtStd),$get_global(cTxtStd))<br>
+$set_style(text,$get_global(cTxtStd),$get_global(cTxtStd))
-$set_style(back,$get_global(cBgStd),$get_global(cBgStd))<br>
+$set_style(back,$get_global(cBgStd),$get_global(cBgStd))
-,<br>
+,
-$ifequal(%tracknumber%,1,<br>
+$ifequal(%tracknumber%,1,
-$set_style(text,$get_global(cTxtStd),$get_global(cTxtStd))<br>
+$set_style(text,$get_global(cTxtStd),$get_global(cTxtStd))
-$set_style(back,$get_global(cBgStd),$get_global(cBgStd))<br>
+$set_style(back,$get_global(cBgStd),$get_global(cBgStd))
-,<br>
+,
-$set_style(text,$get_global(cTxtTrk),$get_global(cTxtTrk))<br>
+$set_style(text,$get_global(cTxtTrk),$get_global(cTxtTrk))
-$set_style(back,$get_global(cBgTrk),$get_global(cBgTrk))<br>
+$set_style(back,$get_global(cBgTrk),$get_global(cBgTrk))
-))<br>
+))
-<br>
-// Рамка сверху и снизу<br>
+// Рамка сверху и снизу
-$ifequal(%tracknumber%,1,<br>
+$ifequal(%tracknumber%,1,
-$set_style(frame-top,1,$get_global(cFrmStd)),<br>
+$set_style(frame-top,1,$get_global(cFrmStd)),
-$ifequal(%tracknumber%,5,<br>
+$ifequal(%tracknumber%,5,
-$set_style(frame-bottom,1,$get_global(cFrmStd)),<br>
+$set_style(frame-bottom,1,$get_global(cFrmStd)),
-$ifequal(%tracknumber%,%album tracks%,<br>
+$ifequal(%tracknumber%,%album tracks%,
-$set_style(frame-bottom,1,$get_global(cFrmStd)),<br>
+$set_style(frame-bottom,1,$get_global(cFrmStd)),
-)))<br>
+)))
-<br>
-// Рамка справа<br>
+// Рамка справа
-$ifgreater(%tracknumber%,5,<br>
+$ifgreater(%tracknumber%,5,
-$set_style(frame-right,1,$get_global(cFrmStd))<br>
+$set_style(frame-right,1,$get_global(cFrmStd))
-,)<br>
+,)
-<br></font>
+</font>
-,<br>
+,
-// -- для одиночных трэков<br>
+// -- для одиночных трэков
-$set_style(frame-right,1,$get_global(cFrmStd))<br>
+$set_style(frame-right,1,$get_global(cFrmStd))
 )</pre></html>
-==== Столбец Tracknumber ====
+===== Столбец Tracknumber =====
 Для этого столбца нам предстоит сделать:
@@ Строка 250: / Строка 250: @@
 Это скрипт для альбомных трэков. В первую очередь мы по умолчанию задаем черный текст на сером фоне. Затем изменяем эти значения для первого трэка и задаем верхнюю сторону рамки для него. Второй ''$ifequal()'' задает нижнюю сторону рамки для последнего трэка в альбоме. Ниже приведен скрипт целиком, включая настройки цветов для одиночных трэков.
-<html><pre><font color="#808080">$if($get_global(isAlbum)</br>
+<html><pre class="code"><font color="#808080">$if($get_global(isAlbum)
-,</br>
+,
-// -- для альбомов</br>
+// -- для альбомов
-$set_style(text,$get_global(cTxtTrk),$get_global(cTxtTrk))</br>
+$set_style(text,$get_global(cTxtTrk),$get_global(cTxtTrk))
-$set_style(back,$get_global(cBgTrk),$get_global(cBgTrk))</br>
+$set_style(back,$get_global(cBgTrk),$get_global(cBgTrk))
-</br>
-$ifequal(%tracknumber%,1,</br>
+$ifequal(%tracknumber%,1,
-$set_style(text,$get_global(cTxtStd),$get_global(cTxtStd))</br>
+$set_style(text,$get_global(cTxtStd),$get_global(cTxtStd))
-$set_style(back,$get_global(cBgStd),$get_global(cBgStd))</br>
+$set_style(back,$get_global(cBgStd),$get_global(cBgStd))
-$set_style(frame-top,1,$get_global(cFrmStd))</br>
+$set_style(frame-top,1,$get_global(cFrmStd))
-,</br>
+,
-</br>
-$ifequal(%tracknumber%,%album tracks%,</br>
+$ifequal(%tracknumber%,%album tracks%,
-$set_style(frame-bottom,1,$get_global(cFrmStd)),</br>
+$set_style(frame-bottom,1,$get_global(cFrmStd)),
-))</br>
+))
-</br></font>
+</font>
-,</br>
+,
-// -- для одиночных трэков</br>
+// -- для одиночных трэков
-$set_style(text,$get_global(cTxtTrk),$get_global(cTxtSel))</br>
+$set_style(text,$get_global(cTxtTrk),$get_global(cTxtSel))
-$set_style(back,$get_global(cBgTrk),$get_global(cBgSel))</br>
+$set_style(back,$get_global(cBgTrk),$get_global(cBgSel))
-)</br></pre></html>
+)</pre></html>
 У нас все еще отсутствуют затемненные нули в начале номеров трэков. Но на вкладке **Style** мы не можем управлять отображением отдельных символов, поэтому эта часть должна быть сделана на вкладке **Display**.
-<html><pre>
+<html><pre class="code">
-<font color="#808080">$if($get_global(isAlbum),</br>
+<font color="#808080">$if($get_global(isAlbum),
-$ifgreater(%tracknumber%,15,</br>
+$ifgreater(%tracknumber%,15,
-$hex(%tracknumber%,1),</font></br>
+$hex(%tracknumber%,1),</font>
-$get_global(cTxtDim)<font color="#808080">'0'</font>$rgb()<font color="#808080">$hex(%tracknumber%,1)</br>
+$get_global(cTxtDim)<font color="#808080">'0'</font>$rgb()<font color="#808080">$hex(%tracknumber%,1)
 ))</font>
 </pre></html>
@@ Строка 284: / Строка 284: @@
 Вставьте ''$get_global(cTxtDim)'' в уже существующий скрипт, как показано на примере выше. Этим Вы перекроете настройки из таба **Style** и установите цвет текста в светло серый, как нам и нужно. После вывода нулей, нам нужно вернуть цвет текста к значению по умолчанию определенному на вкладке **Style**, для этого мы используем вызов ''$rgb()''. Запомните, что на вкладке **Display** не возможно изменять цвет фона.
-==== Столбец Track ====
+===== Столбец Track =====
 Вот что нам нужно сделать в столбце //Track//:
@@ Строка 294: / Строка 294: @@
   * Красный текст для имен исполнителей в сборниках.
-<html><pre>
+<html><pre class="code">
-$set_style(text,$get_global(cTxtTrk),$get_global(cTxtSel))</br>
+$set_style(text,$get_global(cTxtTrk),$get_global(cTxtSel))
-$set_style(back,$get_global(cBgTrk),$get_global(cBgSel))</br>
+$set_style(back,$get_global(cBgTrk),$get_global(cBgSel))
-</br>
-</br>
-$if($get_global(isAlbum)</br>
+$if($get_global(isAlbum)
-,</br>
+,
-$ifequal(%tracknumber%,1,</br>
+$ifequal(%tracknumber%,1,
-$set_style(text,$get_global(cTxtStd),$get_global(cTxtSel))</br>
+$set_style(text,$get_global(cTxtStd),$get_global(cTxtSel))
-$set_style(back,$get_global(cBgStd),$get_global(cBgSel))</br>
+$set_style(back,$get_global(cBgStd),$get_global(cBgSel))
-$set_style(frame-top,1,$get_global(cFrmStd))</br>
+$set_style(frame-top,1,$get_global(cFrmStd))
-,)</br>
+,)
-</br>
-$ifequal(%tracknumber%,%album tracks%,</br>
+$ifequal(%tracknumber%,%album tracks%,
-$set_style(frame-bottom,1,$get_global(cFrmStd))</br>
+$set_style(frame-bottom,1,$get_global(cFrmStd))
-,)</br>
+,)
 )
 </pre></html>
@@ Строка 319: / Строка 319: @@
 Отображение имен исполнителей другим цветом вызвало больше всего проблем при реализации этого дизайна. Для нормального отображения их на светло-сером фоне используемый цвет должен быть достаточно темным красным. Я выбрал точно такой же как и для отображения выделенных строк, конечно же, при этом мне пришлось выбрать немного отличающийся по оттенку красный для выделения, т.к. в противном случае имена исполнителей бы просто исчезли при выделении строки. Это было легко сделать с помощью варианта команды ''$rgb()'' с шестью параметрами. Другая проблема состояла в том, что выбранный темно-красный оттенок плохо смотрелся на черном фоне строк соответствующих первым трэкам в альбомах, для решения этой проблемы пришлось вводить второю переменную для цвета. Поэтому в результате мы имеем ''cTxtVA'' по умолчанию и отдельно ''cTxtVA1'' для первых трэков в альбомах. Что и отображено в этом скрипте:
-<html><pre>
+<html><pre class="code">
-<font color="#808080">$if($and($get_global(isAlbum),$meta(album artist)),</font></br>
+<font color="#808080">$if($and($get_global(isAlbum),$meta(album artist)),</font>
-$ifequal(%tracknumber%,1,$get_global(cTxtVA1),$get_global(cTxtVA))</br>
+$ifequal(%tracknumber%,1,$get_global(cTxtVA1),$get_global(cTxtVA))
-<font color="#808080">[$meta(artist)' - ']</font>$rgb()</br>
+<font color="#808080">[$meta(artist)' - ']</font>$rgb()
-<font color="#808080">)</br>
+<font color="#808080">)
-</br>
-%title%</font></br>
+%title%</font>
 </pre></html>
 ''$Ifequal()'' устанавливает соответствующий цвет для первого трэка. После отображения имени исполнителя мы с помощью ''$rgb()'' возвращаем значения цветов к значениям заданным на вкладке **Style**.
-==== Столбец Time ====
+===== Столбец Time =====
 Столбец //Time// проще, чем предыдущие
@@ Строка 337: / Строка 337: @@
     * Красная граница сверху для первого трэка в альбоме.
-<html><pre>
+<html><pre class="code">
-$set_style(back,$get_global(cBgStd),$get_global(cBgSel))</br>
+$set_style(back,$get_global(cBgStd),$get_global(cBgSel))
-$set_style(frame-bottom,1,$get_global(cFrmStd))</br>
+$set_style(frame-bottom,1,$get_global(cFrmStd))
-</br>
-$if($get_global(isAlbum),</br>
+$if($get_global(isAlbum),
-$ifequal(%tracknumber%,1,</br>
+$ifequal(%tracknumber%,1,
-$set_style(frame-top,1,$get_global(cFrmStd)),</br>
+$set_style(frame-top,1,$get_global(cFrmStd)),
-))</br>
+))
 </pre></html>
 В общем-то, про этот скрипт и говорить-то особенно нечего. Он достаточно понятен и без комментариев. Первые 2 строки устанавливаю цвет фона и цвет нижней границы. Не надо беспокоиться про цвет текста, он не будет отличаться от цвета по умолчанию, заданного глобально. Оставшаяся часть скрипта проверяет, что мы отображаем альбом, затем, в случае первого трэка, устанавливает цвет верхней границы.
+===== Столбец RGain =====
-==== Столбец RGain ====
 Еще один простой столбец. Вот что нам нужно:
@@ Строка 358: / Строка 357: @@
   * Красная граница снизу для последнего трэка в альбоме.
-    $set_style(back,$get_global(cBgStd),$get_global(cBgSel))
+<html><pre class="code">
-    $set_style(frame-right,1,$get_global(cFrmStd))
+$set_style(back,$get_global(cBgStd),$get_global(cBgSel))
+$set_style(frame-right,1,$get_global(cFrmStd))
-    $if($get_global(isAlbum),
+$if($get_global(isAlbum),
-    $ifequal(%tracknumber%,1,
+$ifequal(%tracknumber%,1,
-    $set_style(frame-top,1,$get_global(cFrmStd)),
+$set_style(frame-top,1,$get_global(cFrmStd)),
-    $ifequal(%tracknumber%,%album tracks%,
+$ifequal(%tracknumber%,%album tracks%,
-    $set_style(frame-bottom,1,$get_global(cFrmStd)),
+$set_style(frame-bottom,1,$get_global(cFrmStd)),
-    ))
+))
-    )
+)
+</pre></html>
-Сначала устанавливаем цвет фона. Цвет текста точно такой же как и глобальные значения по умолчанию. Следующая строка задает правую границу.. После этого мы проверяем, что отображаем альбом и устанавливаем верхнюю границу для первого трэка и нижнюю границу для последнего
+Сначала устанавливаем цвет фона. Цвет текста точно такой же как и глобальные значения по умолчанию. Следующая строка задает правую границу. После этого мы проверяем, что отображаем альбом и устанавливаем верхнюю границу для первого трэка и нижнюю границу для последнего
-==== Результат ====
+===== Результат =====
 Общая цветовая схема готова. Вы уже могли заметить, что Foobar2000 до сих пор не выделяет текущую проигрываемую композицию в плэйлисте, но это уже задача следующей главы.  Сейчас же Ваш Foobar2000 должен выглядеть как на этой картинке:
@@ Строка 380: / Строка 381: @@
 Если вдруг у Вас не показываются цвета для столбцов, то прежде чем бросаться искать ошибку в скриптах, проверьте, что галочка **Use custom color spec** выставлена.
+~~DISCUSSION~~

foobar2000

Инструменты пользователя

Инструменты сайта

Различия

Инструменты страницы