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

[DeshFXs]

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

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

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

3)

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

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


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

[TiM_22R]

Анимация ведь не обязательно эта? К тому же всё равно видно её или нет, общая картинка неплохая!
Правда я думал что будет "резиновый" эффект...
И в подменю буквы сверху налезли на цифры... Извини что напрягаю.

А я специально отключил "растяжку" ;) Впрочем, это исправляется за пару минут. Открой "резиновый" 3х3. Начиная со строки
<use xlink:href="#iconHighlight">
<animateTransform id="MoveR" type="scale" values="1 1;2 1;1 1" ......................
..................
..................
</use>
Скопируй весь этот блок и вставь вместо аналогичного в 3х3 с анимацией курсора.
На счёт подменю не понял - поподробнее или скрин.

syberside, там стандартный grid, только на 12 иконок. Если другие мои варианты не устроют (от Аэро например), то переделаю какой-нибудь из своих ;)

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

[portapro]

Обьясните что я не так делаю ,пожалуйста.
скачал к примеру "grid_3x4_slider_aniCur.svg.rar"- дальше переименовал в main_view.svg ,
далее по фтп скинул по пути :/usr/SYSqtapp/xe/resource/skins/default/view/ с заменой,
закинул анимированный фон :/usr/SYSqtapp/xe/resource/skins/default/media/images/,
скачал в прикрепленных файлах Тима резинку и переименовал ее в shadow_24bit.png и закинул тоже по нужному пути,отсоеденился от фтп,рестарт тела и в меню у меня черный экран -сверху написано Мотофан.ру и две стрелочки справа с боку (все это белым цветом).
Кто может нормально обьяснить не для профи- очень прошу...чтобы не загромождать здесь можна в ПМ.

Сообщение отредактировал portapro - 1.2.2010, 14:38

[SanchoNT]

скачал к примеру "grid_3x4_slider_aniCur.svg.rar"- дальше переименовал в main_view.svg ,
далее по фтп скинул по пути :/usr/SYSqtapp/xe/resource/skins/default/view/ с заменой,

переименовывать надо в grid.svg ! ну и закидывать соответственно в другую папку, точный путь щас не скажу но думаю сам найдёшь где там grid.svg лежит

[syberside]

ну там оч красиво сделано... выбранный пункт и анимация. сделай какой тебе удобней плз, а я гляну [color=#FF6666] :) [/color]

[TiM_22R]

ну там оч красиво сделано. выбранный пункт и анимация. сделай какой тебе удобней плз, а я гляну :)

Ладно, но попозже ;)

Маленькие хитрости :)
"Самоцентрующийся" Список. Ко мне не раз обращались с просьбой подправить косяк в Списке, связанный с "обрезанием" нижней или верхней строки. Тут мне пришла запоздалая идея автоматизировать это дело. Задача оказалась простой, но невыполнимой :( Подставить вычисленное значение ширины строки с учётом размера шрифта и высоты софт-клавиш через JS во встроенную функцию прокрутки списка оказалось невозможным. НО! Нашёлся другой, более простой способ. Открываем list или iconList.svg, находим строку

Код

<rect id="bbox" visibility="hidden" width="100%" height="36"/>

height - высота строки. В стандартном файле там кажется стоит 36. Меняем его на 14.27%
ВСЁ. Теперь при изменении высоты софт-клавиш в colors.css (или их отсутствие) Список будет "отцентрован" по вертикали автоматически. Возможно, понадобится небольшая корректировка.
Тим.


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

[policarp]

Скопируй весь этот блок и вставь вместо аналогичного в 3х3 с анимацией курсора.

Только у меня ничего не работает? Вроде делаю по инструкции.
Но всё при всех попытках получаеться эта картинка.


Сообщение отредактировал policarp - 2.2.2010, 20:57

[TiM_22R]

policarp, видно операция по пересадке оказалась неудачной :) Держи.

syberside, я ничего не менял в плане внешности. Только работа с 1-50 приложениями.

[swansea]

Доброг времени суток.

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

так, как на Sim4



Заранее спасибо..

[TiM_22R]

Доброг времени суток.
Скажите пожалуйста как убрать софт клавиши на "рабочем столе" телефона, т.е сделать прозрачными?
так, как на Sim4 Заранее спасибо..

В папке скина в файле phone_p.ini или common.ini есть секции [ZSoftKey_Right], [ZSoftKey_Left]. В них параметр Bg_Opacity_Std =. Значение прозрачности от 0 до 100. 0 - полностью прозрачные. Два момента: клавиши будут прозрачными по всему телефону и в некоторых меню возможны наложения надписей.

[syberside]

а ка сделать, что бы фон меню и файлы .svg монтировались сами? как например на релоадед? поставил симбиоз, а в нем нет такой фичи...

[syberside]

тим, ты делал меню с авто выбором список/сетка в подменю, можешь сделать наоборот? чтоб когда больше 12 пунктов-список, если меньше то сетка?

[TiM_22R]

тим, ты делал меню с авто выбором список/сетка в подменю, можешь сделать наоборот? чтоб когда больше 12 пунктов-список, если меньше то сетка?

rar сменить на js
Напомню, что если добавить MainmenuFolder.xml (см. ссылку в закреплёнке), то можно будет выбирать вручную режим отображения Auto/List/Grid

[TiM_22R]

Тут мне с ветки Е8 ссылку на Ютуб дали на менюшку поглядеть ;) Не скажу, что сильно впечатлило, но сделал, по-своему :) И ещё один момент. Я уже написал, как сделать "самовыравнивающийся" по софт-клавишам Список. К сожалению, с Сеткой такого простого "универсального" способа у меня нет :(

[МаксимТ]

Не знал в какую тему написать, решил написать здесь. Экспериментальным путём выяснил, что максимальный размер фото звонящего равен 234x188. Именно такое количество точек отображается. Вообще можно ставить фото любого размера, но если фото больше этих рамок - то оно подгонится под них. Поэтому у меня такой вопрос, возможно ли как-то увеличить эти рамки, чтобы фото звонящего было больше? И в идеале возможно ли сделать фото звонящего на весь экран?

И теперь второй вопрос. Тим, помнишь ты баловался с геометрией? Я использую твой main view, в котором аккуратные часы без секунд в главном меню, а также grid, в котором 3x4 значков и расставлены они по всему экрану с учетом того, что софт-клавиш нет, тобишь аккуратно так расставлены по всему экрану. И у меня такой вопрос. В этом гриде и мейне всё радует, но я хотел бы полностью убрать анимацию при входе в меню, геометрию на выбранной иконке, а также хочу, чтобы выбранный значок довольно ощутимо увеличивался по отношению к другим(по типу того, как это сделано на сони-эриксонах), ну и вместо геометрии, чтобы был курсор на заднем плане(ну подложка такая квадратная, тоже как на сони-эриксонах). Ещё хочу чтобы название выбранного пункта наверху которая - не ездила туда-сюда, а просто стояла посередине и менялась. И наконец почему-то не выбранные иконки чуть прозрачные. Возможно ли, чтобы они всегда были полностью видимыми? Грид использую из поста 449.

Тим, конечно извини за столь наглый вопрос, но не мог бы ты соорудить такое меню?) Я думаю оно будет востребовано, т.к. во-первых не перегружено лишней анимацией, во-вторых не так сильно тормозит тело, в-третьих тот минимум анимации, что в нём есть(выделенный пункт резко увеличивается+плавный курсор на заднем фоне) смотрится очень приятно, и в-четверых в нём самое удобное для такого экрана количество иконок - 12.

оффтоп: решил выложить фон для меню, что я использую и его исходник. Просто под каждую тему изменяю его цвет и он отлично смотрится на любой теме, очень удобно.

Сообщение отредактировал МаксимТ - 11.2.2010, 20:02

[МаксимТ]

Еще одна мысль меня давно не покидает. Реально ли сделать большие цифровые часы, когда телефон в режиме блокировки(ползунок блокировки сдвинут) ? Просто я видел в каком-то скине, что там часы были увеличены именно в этом режиме. Вот и стало интересно, возможно ли сделать огромные часы. Ведь это чертовски удобно!

[V!iT]

для больших часов и даты в режиме блокировки:
в файле homescreen_p "который в папке со скином находится"
часы [Font_KeyPadLock_Time_Std]
Size = "50" размер к примеры 50
дата [Font_KeyPadLock_Date_Std]
Size = "40"
сохраняемь

Сообщение отредактировал V!iT - 12.2.2010, 7:03

[МаксимТ]

Большое спасибо за подсказку! Но небольшая накладка. Я использую стандартный скин kodak, нашёл в теле файл homescreen_p.ini , но там таких пунктов и в помине нет. Подскажи пожалуйста где истинный homescreen_p лежит для скина kodak?

[TiM_22R]

Большое спасибо за подсказку! Но небольшая накладка. Я использую стандартный скин kodak, нашёл в теле файл homescreen_p.ini , но там таких пунктов и в помине нет. Подскажи пожалуйста где истинный homescreen_p лежит для скина kodak?

Все ini-файлы для Кодака лежат в /usr/data_resource/skin/default1/ Скорее всего придётся просто добавить секцию в файл и ПРИМОНТИРОВАТЬ его.

И ещё вот Сетка 3х4 "без софтклавиш". Анимация только на перемещение курсора и прокрутки меню. Курсор - shadow_24bit.png

[МаксимТ]

Все ini-файлы для Кодака лежат в /usr/data_resource/skin/default1/ Скорее всего придётся просто добавить секцию в файл и ПРИМОНТИРОВАТЬ его.

И ещё вот Сетка 3х4 "без софтклавиш". Анимация только на перемещение курсора и прокрутки меню. Курсор - shadow_24bit.png

Да, именно там я и нашёл этот файл и в нём ничего такого не было. Значит добавлю секцию и примонтирую. Но вот ещё какой вопрос, при увеличении часов и даты они ведь заедут на картинку замка, да и вообще могут заехать друг на друга или выехать за пределы экрана? Как отредактировать их положение на экране? Или там всё автоматически(в чём я сильно сомневаюсь)?

За сетку огромное спасибо! Это практически то, что я хотел! Я не любитель постоянно моддить свой телефон, просто хочу раз сделать и чтобы надолго и приятно для глаз.
Ещё пару моментов спрошу, думаю я это сам могу осилить.
1. Как увеличить значки в этом гриде, какой параметр за это отвечает?
2. Когда заходишь в меню, курсор стоит на первой иконке и моментально сдвигается на центральную иконку. Как сделать, чтобы он сразу стоял посередине?
3. Возможно ли сделать, чтобы при выборе иконки она не моментально становилась большая, а как бы очень быстро надувалась?
4. Ну и последний вопрос, как увеличить выбранную иконку?

Извини что столько много вопросов, просто думал обойдусь без лишних постов, но никто так про такое меню и не написал, ну я и не выдержал по прошествии шести месяцев чтения форума)

[V!iT]

Тим заделай из 495 поста. меню 3х4 )))
А то не совсем как то
если это не трудно делать,то покажи на примере как сделать,и где ставить размер иконок)))
За раннее благодарен!

[Илья Дорошенко]

Spoiler:

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

[close]

зачем косить под косяк?

Тим, вопрос! помнится ты делал менюшку, в которой вокруг значка крутились несколько колец, аля меридианы... ты не мог бы сделать такой же, но на 12 иконок и без клавиш

[TiM_22R]

Тим заделай из 495 поста. меню 3х4 )))
За раннее благодарен!

Он и без софт-клавиш пойдёт. . .

Сообщение отредактировал TiM_22R - 13.2.2010, 15:12

[V!iT]

Тим, вопрос! помнится ты делал менюшку, в которой вокруг значка крутились несколько колец, аля меридианы... ты не мог бы сделать такой же, но на 12 иконок и без клавиш sorry.gif

так это ж он делал,я лично просил тогда!)) поищи - должно быть,не найдешь у меня было!

[МаксимТ]

Spoiler:

[close]

зачем косить под косяк?

Про какой косяк ты говоришь?

[TiM_22R]

1. Как увеличить значки в этом гриде, какой параметр за это отвечает?
2. Когда заходишь в меню, курсор стоит на первой иконке и моментально сдвигается на центральную иконку. Как сделать, чтобы он сразу стоял посередине?
3. Возможно ли сделать, чтобы при выборе иконки она не моментально становилась большая, а как бы очень быстро надувалась?
4. Ну и последний вопрос, как увеличить выбранную иконку?

Хм. . .Простым увеличением/изменением не обойдёшься-это потянет за собой ещё кучку всего :), а что и как, я убьюсь объяснять. . .
1. <image id="SmallIcon.0" width="42" height="42" />. . .Предопределённый размер иконок.
2. <g id="fcsBox" visibility="visible">
<set attributeName="visibility" to="hidden" end=".2" />Увеличить время невидимости(иначе-никак)
3.

. . выделенный пункт резко увеличивается+плавный курсор на заднем фоне) смотрится очень приятно. . .

Так и сделал. А просто так теперь не исправить
4.document.getElementById("icon."+f).setAttributeNS("","transform", "scale(1.35)" ); Увеличить масштаб

[Илья Дорошенко]

Spoiler:

Про какой косяк ты говоришь?

SonyEricsson

[close]

Сообщение отредактировал Илья Дорошенко - 14.2.2010, 6:20

[vovus22]

Тим, подскажи пожалуйста, как установить скин АЭРО на Симбиоз-4?
Вопрос задавал в теме "Скины Для ZN5", но ответа не получил.
Скин устанавливал в /ezxlocal/download/mystuff/skins/,
как прописано в Aero.chm. Но в теме Aero есть подкаталоги [other] и [svg].
Куда их кидать или как монтировать?

Сообщение отредактировал vovus22 - 15.2.2010, 12:30

[TiM_22R]

Тим, подскажи пожалуйста, как установить скин АЭРО на Симбиоз-4?

Если честно, то не знаю, как это реализовано в монстре-не пользуюсь.Лучше спросить в теме Симбиоза

Когда-то пробовал, но почему-то не обнародовал ;)
Файлик, который делает отображение Подменю таким же, как и Главное меню. Т.е. ,если ГМ-Спиннер, то и ПМ будет Спиннер и т.д. Кстати, если стоит стандартный Спиннер, то java в Играх отображаться не будет.
Примонтировать в /usr/SYSqtapp/xe/flows/mainmenu/mainmenufolder.js

[swansea]

Приветствую Тим..

Такой вопрос..взял я из скина Айро gridFolder.svg оч понравился..переименовал в grid.svg, закинул, все встало, но не видно курсора((

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

Сообщение отредактировал swansea - 15.2.2010, 18:28

[TiM_22R]

Такой вопрос..взял я из скина Айро gridFolder.svg оч понравился..переименовал в grid.svg, закинул, все встало, но не видно курсора((

И не будет видно, если без скина Aero. Для фона в этом файле используется спец.картинка, вставленная в iconres.ezx. . .
К слову, не очень удачное решение для Сетки в Подменю - ограничение до 12 приложений. Автор мог воспользоваться моими более поздними скриптами. Хотя, на то он и автор ;)

А что б фон иконки брался стандартный, нужно заменить строку
<image moto:source-size="source" xlink:href="/lj/fl_list_h.png" />
на
<image width="78" height="60" xlink:href="media/images/shadow_24bit.png" preserveAspectRatio="none"/> Это почти в начале файла.

[smaylik]

Тим что отвечает за анимацию строк при входе в главное меню? как ее отрубить?

[swansea]

Тим я заменил строки, теперь в меню не заходит вообще

[МаксимТ]

Тим, это же титанический труд делать под каждого менюшку. Если я правильно понял, то там всё состоит из неких блоков кода. Каждый блок отвечает за какую-то фишку. Ты не думал опубликовать эти блоки, которые дают разные фичи, чтобы юзеры сами составляли себе мейны и гриды по типу конструктора?

[TiM_22R]

Тим я заменил строки, теперь в меню не заходит вообще

Видно неудачно заменил :) Держи, но напомню, больше 12 приложений не отображаются...

Тим, это же титанический труд делать под каждого менюшку. Если я правильно понял, то там всё состоит из неких блоков кода. Каждый блок отвечает за какую-то фишку. Ты не думал опубликовать эти блоки, которые дают разные фичи, чтобы юзеры сами составляли себе мейны и гриды по типу конструктора?

Блоки то есть, но кирпичи каждый раз разные ;) Я б рад, да не получится "унификации"...Вот как раз об этом:

Тим что отвечает за анимацию строк при входе в главное меню? как ее отрубить?

Из какого поста файл? Потому как я мог "завязать" что-нибудь на окончание процесса входной анимации :)

[swansea]

Тим оч благодарен все работает...

а чтоб на 50 что надо сделать?

достал я тебя наверное...

[smaylik]

файл этот
https://forum.motofan.ru/index.php?act=Attach&type=post&id=220259

Сообщение отредактировал smaylik - 16.2.2010, 19:03

[TiM_22R]

Тим оч благодарен все работает...
а чтоб на 50 что надо сделать?
достал я тебя наверное...

Aero. . .Aero. Такой вот вариант от Е8 с моими вариациями :) Ну и Подменю под 50 приложений. Картинку в папку media/images/ скина

[swansea]

Тим супер !!! Спасибо... постов наберу, обязательно отблагодарю

[МаксимТ]

Aero. . .Aero. Такой вот вариант от Е8 с моими вариациями :) Ну и Подменю под 50 приложений. Картинку в папку media/images/ скина

Как же жаль, что рабочий стол построен не на svg! Ведь можно бы было такие штуки делать запредельные на рабочем столе!

[МаксимТ]

Я спрашивал пару страниц назад, можно ли увеличить область фото звонящего? Сейчас оно равно 188х234. Причем 188 это по вертикали. И вообще, возможно ли изменить сам экран звонка? Придется правитъ скин или это еще глубже?