olimo
, 19:09
http://3ppc.net/forum/images/icons/icon2.gif Обсуждение тем для WM 6.5
(http://3ppc.net/forum/showthread.php?t=14208)Там задаем вопросы и пишем свои соображения или поправки к данной инструкции.
http://3ppc.net/forum/images/icons/icon2.gif (http://3ppc.net/forum/showthread.php?t=13065) Темы для WM 6.5
старые билды (с одинаковыми по ширине барами) (http://3ppc.net/forum/showthread.php?t=13065)
новые билды (с узким верхним и широким нижним барами)
(http://3ppc.net/forum/showthread.php?t=14980) Там выкладываем сами темы.
Структура темы
Тема для WM 6.5 представляет собой каб, внутри которого находится файл темы в формате tsk и файлы картинок баров, стрелок, границ вкладок и так далее.
Тема tsk содержит всего два изображения фона — для вертикальной и горизонтальной ориентации:
Для QVGA: stwater_240_320.jpg и stwater_320_240.jpg
Для VGA: stwater_480_640.jpg и stwater_640_480.jpg
Программ для удобного создания тем пока нет, поэтому приходится собирать вручную. Нам потребуется WinCE CAB Manager (http://3ppc.net/forum/showthread.php?t=3603), графический редактор (например Photoshop) и (желательно) эмулятор WM 6.5 (http://3ppc.net/forum/showthread.php?t=2809) для тестирования (можно, конечно, и зверька заюзать).
Чтобы не запутаться в размерах, проще всего разобрать какую-нибудь готовую тему и сделать аналогичные картинки. Для примера возьмем дефолтную тему Classic Blue. Файл tsk находится в папке \Windows.
.:: Скрытый текст (вы должны зарегистрироваться или войти под своим логином) ::.
Открываем эту тему в WinCE CAB Manager:
43343
Теперь мы примерно представляем фронт работ:
создать фоны тудея для вертикальной и горизонтальной ориентации и запаковать их в тему;
создать изображения на замену стандартным, поместить их в папку Windows и прописать пути в tsk;
определить основные цвета.
Я достала из папки \Windows эмулятора все изображения, которые используются в теме Classic Blue.
.:: Скрытый текст (вы должны зарегистрироваться или войти под своим логином) ::.
Опишу процесс создания своей темы Nike.
1. Фоны (обои)
Готовим два фона — для горизонтальной и вертикальной ориентации. Размер должен соответствовать размеру экрана (QVGA/VGA/WQVGA/WVGA).
43349 43350
Внимание: это единственные изображения в формате jpg, остальные все — в png.
2. Верхний и нижний бары
В WM 6.5 бары отображаются по-разному:
На Today при включенном CHome (Windows Default/Titanium), в меню пуск, в некоторых стандартных настройках — отображаются указанные в теме бары + наложенные на них полупрозрачные кусочки обоев (если бары черные, получаются чуть затемненные кусочки обоев).
В Classic Blue это выглядит так:
43351 43352
На Today при выключенном CHome и в программах — отображаются указанные в теме бары (т.е. их можно нарисовать любыми).
В Classic Blue это простые черные бары:
43353 43354
Я хочу, чтобы в моей теме бары отображались везде одинаково (как будто просвечивает Today). Вырезаю из обоев и слегка затемняю:
nike_taskbar.png:
43355
nike_softkeybar.png:
43356
NB: все изображения я называю с приставкой названия темы, т.е. nike_.
Примечание. Если не использовать плагин Chome, обои на Today сдвигаются вниз на высоту верхнего бара. Как с этим бороться, не знаю :(
43385
3. Стрелочки полос прокрутки
В стандартной теме эти стрелочки (43363, 43364 и 43365) квадратные 13×13, но при стандартных настройках размеров полос они не очень аккуратно растягиваются до 13×20 (см. скриншот с Resco Explorer).
Поэтому я свои рисую сразу размера 13×20:
nike_scrollbarUpArrowButton.png 43360
nike_scrollbarUpArrowButtonDisabled.png 43361
nike_scrollbarUpArrowButtonSelected.png 43362
Если вы хотите сделать стрелки квадратными, добавьте в каб темы ключи реестра:
[HKEY_LOCAL_MACHINE\System\GWE]
"cyVScr"=dword:00000014
"cxHScr"=dword:00000014 4. Остальные изображения
Остальные изображения я рисую, выдерживая размеры из дефолтной темы, чтобы не мучиться потом с отступами и положениями.
Например, вот картинки, которые будут отображаться при прокрутке всплывающих меню:
43366 43367
В готовой теме это будет выглядеть так:
43368
Некоторые изображения я оставляю без изменений — стрелки, закругления вкладок и т.п.
Кстати, если лень (или нет умения) рисовать плашки для всплывающих окон, можно просто изменить оттенки дефолтных плашек (для этого, конечно, тоже придется воспользоваться графическим редактором).
5. Сборка темы tsk
Когда все картинки будут готовы, проверьте, что им присвоены удобные имена (например вида <название темы>_<название-ключа>.png — nike_scrollbarThumb.png). Названия могут быть любыми, главное, чтобы вы в них ориентировались.
Открываем дефолтную тему Classic Blue. Меняем название темы, дважды щелкнув слева CAB Information:
43369
Удаляем из темы стандартные фоны. Вместо них вставляем свои.
Я для надежности выбираю папку Windows и ставлю галочку Hard-coded path, чтобы файлы уж точно попали в \Windows, а не куда-то еще:
43370
Затем разворачиваем в теме ключи реестра и везде меняем названия изображений. Скажем, вместо \Windows\classicblue_msgboxBorder.png у нас будет \Windows\nike_msgboxBorder.png:
43371
Если все наши картинки такие же, как в стандартной теме, ключи расположения картинок править не нужно. (Увеличенный размер стрелочек ползунков не требует изменений в ключах.)
Закончив редактировать тему, сохраняем ее под таким именем, под которым она должна отображаться в меню выборе тем. Например olimo Nike.
6. Определение цветов в теме
Кроме изображений, в теме определяются цвета выделений, заливок и т.п. Они задаются в ветке реестра HKEY_LOCAL_MACHINE\Software\Microsoft\Color\.
Для использования разных цветов в теме необходим параметр реестра:
[HKEY_CURRENT_USER\Software\Microsoft\Today]
"MultiColorThemeEnabled"=dword:00000001Цвета настраиваются в ветках реестра [HKEY_LOCAL_MACHINE\Software\Microsoft\Color\MultiColorTheme] и [HKEY_LOCAL_MACHINE\Software\Microsoft\Color]. В первой ветке содержатся параметры DWORD: BaseColor1, BaseColor2, BaseColor3 и BaseColor4:
43378
Внимание: здесь используется формат цветов не RGB, а BGR!
Мне нужен был зеленый цвет. С помощью фотошопа я определила оттенок: 09310F. Получается, R=09, G=31, B=0F. Меняем местами красный и синий, получаем 0F3109, этот цвет и вставляем в значение BaseColor1.
Бинарные ключи ThemeColors и ThemeValues в ветке HKEY_LOCAL_MACHINE\Software\Microsoft\Color позволяют настроить цвета более тонко. Тут уже используется традиционное кодирование RGB.
43379
На каждый цвет отводится четыре пары цифр: R, G, B и два нуля (нули изменять не надо).
Честно говоря, мне для моей темы вполне хватило одного цвета BaseColor1. Он определяет оттенки выделений и фонов стандартных кнопок. Об остальном подробнее можно почитать во втором посте темы.
7. Сборка каба с темой
Создаем новый каб (пригодится инструкция по сборке кабов (http://3ppc.net/forum/showthread.php?t=10180)).
Внимание: имя изготовителя и название каба не должны совпадать с именем изготовителя и названием темы tsk!
Т.е., если в теме у меня изготовитель olimo, название Nike, то в кабе нужно изменить хотя бы одно из этих названий, скажем вместо Nike написать WM 6.5 Nike.
Папка установки каба — \Windows.
43372
Забрасываем все наши файлы — картинки и тему tsk. Обои сюда кидать не надо, они уже есть в теме:
43373
На всякий случай для всех файлов выбираем путь установки \Windows и ставим флажок Hard-coded path.
Примечание. Мне встречались темы и с другими путями установки, например \My Documents\Themes\<имя темы>. Разницы особой нет, т.к. все равно это основная память.
Сохраняем каб и устанавливаем на эмулятор или девайс. В настройках выбираем свою тему. Если все сделано правильно, наслаждаемся :)
43374 43375 43376 43377
.:: Скрытый текст (вы должны зарегистрироваться или войти под своим логином) ::.
(http://3ppc.net/forum/showthread.php?t=14208)Там задаем вопросы и пишем свои соображения или поправки к данной инструкции.
http://3ppc.net/forum/images/icons/icon2.gif (http://3ppc.net/forum/showthread.php?t=13065) Темы для WM 6.5
старые билды (с одинаковыми по ширине барами) (http://3ppc.net/forum/showthread.php?t=13065)
новые билды (с узким верхним и широким нижним барами)
(http://3ppc.net/forum/showthread.php?t=14980) Там выкладываем сами темы.
Структура темы
Тема для WM 6.5 представляет собой каб, внутри которого находится файл темы в формате tsk и файлы картинок баров, стрелок, границ вкладок и так далее.
Тема tsk содержит всего два изображения фона — для вертикальной и горизонтальной ориентации:
Для QVGA: stwater_240_320.jpg и stwater_320_240.jpg
Для VGA: stwater_480_640.jpg и stwater_640_480.jpg
Программ для удобного создания тем пока нет, поэтому приходится собирать вручную. Нам потребуется WinCE CAB Manager (http://3ppc.net/forum/showthread.php?t=3603), графический редактор (например Photoshop) и (желательно) эмулятор WM 6.5 (http://3ppc.net/forum/showthread.php?t=2809) для тестирования (можно, конечно, и зверька заюзать).
Чтобы не запутаться в размерах, проще всего разобрать какую-нибудь готовую тему и сделать аналогичные картинки. Для примера возьмем дефолтную тему Classic Blue. Файл tsk находится в папке \Windows.
.:: Скрытый текст (вы должны зарегистрироваться или войти под своим логином) ::.
Открываем эту тему в WinCE CAB Manager:
43343
Теперь мы примерно представляем фронт работ:
создать фоны тудея для вертикальной и горизонтальной ориентации и запаковать их в тему;
создать изображения на замену стандартным, поместить их в папку Windows и прописать пути в tsk;
определить основные цвета.
Я достала из папки \Windows эмулятора все изображения, которые используются в теме Classic Blue.
.:: Скрытый текст (вы должны зарегистрироваться или войти под своим логином) ::.
Опишу процесс создания своей темы Nike.
1. Фоны (обои)
Готовим два фона — для горизонтальной и вертикальной ориентации. Размер должен соответствовать размеру экрана (QVGA/VGA/WQVGA/WVGA).
43349 43350
Внимание: это единственные изображения в формате jpg, остальные все — в png.
2. Верхний и нижний бары
В WM 6.5 бары отображаются по-разному:
На Today при включенном CHome (Windows Default/Titanium), в меню пуск, в некоторых стандартных настройках — отображаются указанные в теме бары + наложенные на них полупрозрачные кусочки обоев (если бары черные, получаются чуть затемненные кусочки обоев).
В Classic Blue это выглядит так:
43351 43352
На Today при выключенном CHome и в программах — отображаются указанные в теме бары (т.е. их можно нарисовать любыми).
В Classic Blue это простые черные бары:
43353 43354
Я хочу, чтобы в моей теме бары отображались везде одинаково (как будто просвечивает Today). Вырезаю из обоев и слегка затемняю:
nike_taskbar.png:
43355
nike_softkeybar.png:
43356
NB: все изображения я называю с приставкой названия темы, т.е. nike_.
Примечание. Если не использовать плагин Chome, обои на Today сдвигаются вниз на высоту верхнего бара. Как с этим бороться, не знаю :(
43385
3. Стрелочки полос прокрутки
В стандартной теме эти стрелочки (43363, 43364 и 43365) квадратные 13×13, но при стандартных настройках размеров полос они не очень аккуратно растягиваются до 13×20 (см. скриншот с Resco Explorer).
Поэтому я свои рисую сразу размера 13×20:
nike_scrollbarUpArrowButton.png 43360
nike_scrollbarUpArrowButtonDisabled.png 43361
nike_scrollbarUpArrowButtonSelected.png 43362
Если вы хотите сделать стрелки квадратными, добавьте в каб темы ключи реестра:
[HKEY_LOCAL_MACHINE\System\GWE]
"cyVScr"=dword:00000014
"cxHScr"=dword:00000014 4. Остальные изображения
Остальные изображения я рисую, выдерживая размеры из дефолтной темы, чтобы не мучиться потом с отступами и положениями.
Например, вот картинки, которые будут отображаться при прокрутке всплывающих меню:
43366 43367
В готовой теме это будет выглядеть так:
43368
Некоторые изображения я оставляю без изменений — стрелки, закругления вкладок и т.п.
Кстати, если лень (или нет умения) рисовать плашки для всплывающих окон, можно просто изменить оттенки дефолтных плашек (для этого, конечно, тоже придется воспользоваться графическим редактором).
5. Сборка темы tsk
Когда все картинки будут готовы, проверьте, что им присвоены удобные имена (например вида <название темы>_<название-ключа>.png — nike_scrollbarThumb.png). Названия могут быть любыми, главное, чтобы вы в них ориентировались.
Открываем дефолтную тему Classic Blue. Меняем название темы, дважды щелкнув слева CAB Information:
43369
Удаляем из темы стандартные фоны. Вместо них вставляем свои.
Я для надежности выбираю папку Windows и ставлю галочку Hard-coded path, чтобы файлы уж точно попали в \Windows, а не куда-то еще:
43370
Затем разворачиваем в теме ключи реестра и везде меняем названия изображений. Скажем, вместо \Windows\classicblue_msgboxBorder.png у нас будет \Windows\nike_msgboxBorder.png:
43371
Если все наши картинки такие же, как в стандартной теме, ключи расположения картинок править не нужно. (Увеличенный размер стрелочек ползунков не требует изменений в ключах.)
Закончив редактировать тему, сохраняем ее под таким именем, под которым она должна отображаться в меню выборе тем. Например olimo Nike.
6. Определение цветов в теме
Кроме изображений, в теме определяются цвета выделений, заливок и т.п. Они задаются в ветке реестра HKEY_LOCAL_MACHINE\Software\Microsoft\Color\.
Для использования разных цветов в теме необходим параметр реестра:
[HKEY_CURRENT_USER\Software\Microsoft\Today]
"MultiColorThemeEnabled"=dword:00000001Цвета настраиваются в ветках реестра [HKEY_LOCAL_MACHINE\Software\Microsoft\Color\MultiColorTheme] и [HKEY_LOCAL_MACHINE\Software\Microsoft\Color]. В первой ветке содержатся параметры DWORD: BaseColor1, BaseColor2, BaseColor3 и BaseColor4:
43378
Внимание: здесь используется формат цветов не RGB, а BGR!
Мне нужен был зеленый цвет. С помощью фотошопа я определила оттенок: 09310F. Получается, R=09, G=31, B=0F. Меняем местами красный и синий, получаем 0F3109, этот цвет и вставляем в значение BaseColor1.
Бинарные ключи ThemeColors и ThemeValues в ветке HKEY_LOCAL_MACHINE\Software\Microsoft\Color позволяют настроить цвета более тонко. Тут уже используется традиционное кодирование RGB.
43379
На каждый цвет отводится четыре пары цифр: R, G, B и два нуля (нули изменять не надо).
Честно говоря, мне для моей темы вполне хватило одного цвета BaseColor1. Он определяет оттенки выделений и фонов стандартных кнопок. Об остальном подробнее можно почитать во втором посте темы.
7. Сборка каба с темой
Создаем новый каб (пригодится инструкция по сборке кабов (http://3ppc.net/forum/showthread.php?t=10180)).
Внимание: имя изготовителя и название каба не должны совпадать с именем изготовителя и названием темы tsk!
Т.е., если в теме у меня изготовитель olimo, название Nike, то в кабе нужно изменить хотя бы одно из этих названий, скажем вместо Nike написать WM 6.5 Nike.
Папка установки каба — \Windows.
43372
Забрасываем все наши файлы — картинки и тему tsk. Обои сюда кидать не надо, они уже есть в теме:
43373
На всякий случай для всех файлов выбираем путь установки \Windows и ставим флажок Hard-coded path.
Примечание. Мне встречались темы и с другими путями установки, например \My Documents\Themes\<имя темы>. Разницы особой нет, т.к. все равно это основная память.
Сохраняем каб и устанавливаем на эмулятор или девайс. В настройках выбираем свою тему. Если все сделано правильно, наслаждаемся :)
43374 43375 43376 43377
.:: Скрытый текст (вы должны зарегистрироваться или войти под своим логином) ::.