Создание скинов Поделиться Опции

[DeshFXs]

Постепенно тема стала местом обсуждения не самих скинов, а той их части, которые выводятся на дисплей с помощью Scalable Vector Graphics.
SVG в zn5. Где и что...
Дополнительные режимы отображения Главного и Подменю.
Анимация фона Главного меню и SVG-подменю.
Цвет и размер надписей в Главном и svg-Подменю. Размер и прозрачность софт-клавиш. Смотрим colors.css

Вот это должно помочь всем кто создает скины
1) .ini файлы скинов, подробное описание
2)

ini_files.rar   ( 47.5 килобайт ) Кол-во скачиваний: 834

3)

Making_skins.rar   ( 657.48 килобайт ) Кол-во скачиваний: 1294

Программное обеспечение для упаковки и распаковки файлов ICONRES:
MotoLinux iconres composer 1.1.1


Сообщение отредактировал AstaRoth - 5.4.2011, 8:29

[Claus398]

TiM_22R,
я тебя ещё раз поздравляю с днем рождения)

и вот у меня проблема со списком в под меню.





список начинается не с начала, а следовательно в низу он обрезан(

иконки сделал чуть крупней, и текст налазит на иконки, как бы их подвинуть?

Сообщение отредактировал Claus398 - 4.1.2012, 11:05

[TiM_22R]

Всем огромное спасибо за поздравления!
Claus398, тебе файлик zip убрать, можно переименовать в list.svg
Пара моментов.
Иногда удобней для предопределённых изображений (допустим <defs>...</defs>, т.е. эти изображения будут выводиться позже через ссылки) не указывать начальные координаты x,y или обнулять их. Просто потом проше "манипулировать" цифрами непосредственно в команде вывода картинки (ИМХО). Так вот, в данном случае все все компоненты выводятся в теге <switch>
Нас интерисует LTR, т.е. сЛева наПраво

Код

    <!-- this is the default, LTR alignment -->
           <g moto:bidi="true">
    <use xlink:href="#ListHighlight" transform="translate(0,0)"/> выделение
    <use xlink:href="#SmallIcon" transform="translate(6,1)"/> иконка
    <use xlink:href="#Label" transform="translate(62,17)"/> надпись
    <use xlink:href="#Divider" transform="translate(0,50)"/> разделитель
            </g>

Теперь, изменяя координаты в команде transform="translate(x,y)", можно всё привести к требуемому виду
Теперь о "скачках" списка вверх-вниз. Несмотряна то, что Список оформлен в SVG, в данном случае в нём используется "встроенная" функция, к которй у нас нет доступа. Похоже, она сама расчитывает расположение элементов по вертикали взависимости от высоты строки и общей высоты свободного места. Что бы избавиться от обрезания/скачков нужно расчитать высоту и кол-во строк"вручную".
Общая высота указана в main_view в

Код

<foreignObject id="content" focusable="true" x="0" y="0" width="100%" [b]height[/b]="100%"/>

Лучше её не менять.
height="100%" - это "остаток" от 320 минус высота статус-бара минус высота софт-клавиш. Кстати, на Е8 нужно указывать не в процентах, а именно в пикселях
Далее, нужно подобрать высоту строки Списка так, чтобы при делении общей высоты на высоту строки остаток был минимальным При этом, количество строк может измениться. Высота строки задаётся в

Код

<rect id="bbox" visibility="hidden" width="100%" [b]height[/b]="49"/>

А уже ориентируясь по ней подогнать размер иконок и расположения элементов. Как то так

Всех с Новым годом и Рождеством!

Сообщение отредактировал TiM_22R - 4.1.2012, 14:39

[Claus398]

Общая высота указана в main_view в

блин она так привязана, что как бы я её не двигал, все равно все остается также, только либо пустое место появляется с низу, либо на верх уезжает или в низ.

неужели не как больше не выровнять список? может можно что то придумать?

Сообщение отредактировал Claus398 - 4.1.2012, 15:32

[igoripp]

TiM_22R,
у меня вот вопрос... Реально ли тебе сделать оформление меню в е8, как на Windows Phone? Допустим, 2¤2 иконки, далее идет в низ как бы списком, который мотается. Думаю задумка понятна, фото прилагаю:

Сообщение отредактировал igoripp - 4.1.2012, 18:50

[TiM_22R]

Claus398, я ж не знаю высоту слоёв в main_view.svg твоего скина Можно вот так:
В моём случае статус-бар - 36 пкс, софт-клавиши - 31 пкс, в остатке 253 пкс. При желаемом тобой размере иконок 49х49 поместится 253/49= 5.16 строки, т.е в сторону уменьшения - 5 строк. Делим 253 на 5 и получаем нужную высоту строки: 50.6 Это значение и вставляем в
<rect id="bbox" visibility="hidden" width="100%" height="50.6"/>
Если надо, слегка корректируем
Подставь высоту своих статуса и клавиш.
Кстати, в выложенном выше файле больше и менять что-то вряд ли потребуется

igoripp Теоретически можно. Это, если не ошибаюсь, получается обычная Сетка 2х2 с большими иконками. Напомню, что у меня нет Е8 и я, практически, отошёл от темы

Сообщение отредактировал TiM_22R - 5.1.2012, 3:45

[Claus398]

TiM_22R,
спасибо, ты дал мне надежду, и работу до вечера)

кстати возможно ли сделать сетку в под меню постоянную. у меня в меню сетка вроде как на стандарте, 3х3, и еще 3 при прокрутке в низ.

на симбиозисе ден сделал что можно менять сетка или список, а вот как сделать что б был постоянный список? автоматический маунт например?

[igoripp]

TiM_22R,
ясно, очень жаль Придется самому делать(небольшие знания по java-скриптам есть), но не охота этим во время сессии заниматься. После нее попробую сделать, но есть к тебе пару вопросов. Как лучше делать? Есть 2 варианта: первый - как ты и сказал, 2¤2 иконки. Но тогда надо будет сделать что б список вниз проворачивался, с этим могут возникнуть проблемы. Второй: сделать одно активное место иконки, то есть каждая последующая будет накладываться на предыдущую. Какой оптимальней?

[Claus398]

igoripp,
подобное делал альтависта и банкир. положение иконок нужно будет выравнивать. подолбатся нужно будет, но сделать можно.

[TiM_22R]

Claus398, не совсем понял про постоянные Список/Сетка Я когда-то делал разнык варианты вывода Подменю и по просьбе Дена тоже что-то типа этого... Уточни

igoripp, ну, я не так, что бы "нет-нет"... Я просто плохо представляю эти 4 "тайла" (они ж квадратные) на дисплее Е8, скорее 3х2.
Если делать без прокрутки вверх/вниз, то это, конечно, проще. Просто в цикле меняются ссылки, т.е. на те же места выводятся другие изображения. Впрочем, и при прокрутке тоже самое, но там сложнее. Я завтра посмотрю, что у меня осталось для Е8

[igoripp]

Claus398,

igoripp,
подобное делал альтависта и банкир. положение иконок нужно будет выравнивать. подолбатся нужно будет, но сделать можно.

Делали для е8? И где их "плоды"? Посмотрю что получилось



TiM_22R,

igoripp, ну, я не так, что бы "нет-нет"... Я просто плохо представляю эти 4 "тайла" (они ж квадратные) на дисплее Е8, скорее 3х2.
Если делать без прокрутки вверх/вниз, то это, конечно, проще. Просто в цикле меняются ссылки, т.е. на те же места выводятся другие изображения. Впрочем, и при прокрутке тоже самое, но там сложнее. Я завтра посмотрю, что у меня осталось для Е8

Да, можно и 3*2, разницы по мне никакой не будет. Но согласись, если сделать "по уму", то очень красиво получится, это как новый стиль, который ранее не использовался. А то, эти иконки уже "приелись" изрядно Посмотри пожалуйста, может что толковое сделаем