IPB

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в данную темуНачать новую тему
> Создание скина на Power Mp3 S60v3
tyns
сообщение 11.5.2009, 20:53
Сообщение #1


Эксперт Smart60
Иконка группы

Группа: Модераторы
Сообщений: 3676
Регистрация: 25.2.2005
Из: ?????-?????????
Пользователь №: 52429
Смартфон:Apple iPhone 6 ; Nokia N82



Репутация: 176


Создание скина на Power Mp3


Для того чтобы лучше понять как устроены скины данного плеера - разберем стандартный скин *Classic*.
!/Shared/PowerMP3/Skins/Classic
В данной папке находятся файлы от стандартного скина.
В нем мы видим:
bckg_240x320.png - фон на 240х320
bckg_320x240.png - фон на 320х240
elements.png - элементы скина (плей, пауза ...)
skin_240x320.xml - отвечает за расположение элементов на скине 240х320
skin_320x240.xml - отвечает за расположение элементов на скине 320х240
themes.xml - цветовые темы для данного скина (необязателен)
Самым важным файлом является skin_000x000.xml где 000x000 разрешение скина.
Итак, приступим.
1) Рисуем фон скина. И даем ему имя bckg_000x000.png где 000x000 разрешение экрана на которое рассчитан скин (вообще название фоновой картинки можно сделать любым, но легче будет использовать стандартный формат имени). Естественно картинка должна быть сохранена в формате png.
2) рисуем все необходимые элементы скина (какие необходимы можно посмотреть в стандартом файле элементов elements.png). Все элементы нужно объединить и сохранить в одном пнг файле. Даем имя файлу elements.png (желательно. Можно использовать другое)
3) теперь нужно указать в файле skin_000x000.xml (где 000x000 ваше разрешение) где элементы из файла elements.png должны быть размещены на скине. Для этого лучше отредактировать стандартный skin_000x000.xml чем создавать новый (IMG:http://forum.smart60.ru/style_emoticons/default/sm_smile.gif) .
Редактирование файла вида skin_000x000.xml
В качестве примера я разберу skin_240x320.xml из папки !/Shared/PowerMP3/Skins/Classic.
Открываем skin_240x320.xml при помощи X-plore (наводим курсор на файл и жмем цифру 8).
Тут мы видим:
Шаг №1) фон скина

<images>
<image file="bckg_240x320.png">
<coord id="bckg_main" left="0" top="0" width="240" height="320"/>
</image>

Описание

<image file="bckg_240x320.png" >
- тут указанно имя фона скина

<coord id="bckg_main" left="0" top="0" width="240" height="320"/>
- здесь говорится где находится первый пиксель фона в файле bckg_240x320.png (left="0" top="0" - то бишь 0х0) и размер фона (width="240" height="320" - 240х320) начиная с точки 0х0.
З.Ы. теоретически я могу нарисовать фон размером 250х330, поместить фоновую картинку разрешением 240х320 в правый нижний угол. А в .xml файле указать это
<coord id="bckg_main" left="10" top="10" width="240" height="320"/>
и всё у меня будет нормально с фоном.
Шаг №2) элементы в файле elements.png
Строка

{image file="elements.png" }

Означает, что нужно указать где какой элемент в файле elements.png расположен (IMG:http://forum.smart60.ru/style_emoticons/default/sm_smile.gif) .
Под данной строкой идет следующая

{coord id="analyzer_filled" left="0" top="0" width="112" height="40"/}

analyzer_filled - это спектр-анализатор
left="0" top="0" - координаты первого пикселя анализатора в файле элементов.
width="112" height="40" - размер элемента спектра-анализатора.
Далее идут файлы *alb_image_bckg* - обложка дорожки, *rating_filled* - рейтинг песенки и т.п. Их разбирать не стану т.к. думаю что всё уже понятно (IMG:http://forum.smart60.ru/style_emoticons/default/sm_smile.gif)
Шаг №3) размещение элементов на скине.
Где то в середине файла .xml видим

{layout width="240" height="320" image="bckg_main"}

Тут указанно разрешение области используемая для размещения элементов (думаю доступным языком написал) (IMG:http://forum.smart60.ru/style_emoticons/default/sm_smile.gif)
Далее начинаются строчки отвечающие за размещение элементов на скине. Первый из них

{analyzer
left="120" top="38" width="112" height="40"}
{bars image="analyzer_filled"/}
{/analyzer}

left="120" top="38" width="112" height="40" - тут указанны начальные координаты элемента (120х38) и размер элемента (112х40)
Шаг №4) размещение текстовых надписей на скине.
Строчки отвечающие за текст идут вместе со строчками отвечающими за ремешение элементов и это немного усложняет нашу работу.
Вот эти строки отвечают за битрейт

{text
id="BITRATE"
left="10" top="34" width="80" height="30"
font="Arial"
point="12"
style="bold"
align="center"
color="#FFFFFF"/}

*left="10" top="34" width="80" height="30"* - кусочек скина отводимый для указания битрейта.
*font="Arial"* - тип шрифта. Существуют "Arial", "extrasmall", "small".
*point="12"* - размер шрифта.
*style="bold"* - стиль шрифта. Бывают "bold", "normal".
*align="center"* - расположение текста в отведенном для него кусочке (IMG:http://forum.smart60.ru/style_emoticons/default/sm_smile.gif) Существуют "center", "left", "right".
*color="#FFFFFF"* - цвет текста по принципу RGB в 16тиричной форме.
P.S. файл themes.xml раскрывать не вижу смысла) после всего прочитаного всё должно быть и так понятно! ))

вместо знаков > , < использованы } , { !

Взято с Dimonvideo.ru

Сообщение отредактировал tyns - 11.5.2009, 20:54
Перейти в начало страницы
 
+Цитировать сообщение
Эти 2 пользователя(ей) сказали Спасибо tyns за это полезное сообщение:
mak6597, SEBEBSIZ

Ответить в данную темуНачать новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



Текстовая версия Сейчас: 22.10.2019, 13:04