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

[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

[Entom]

Охринеть!!!!

[FAN_TV]

TiM_22R
Хочу спросить а нельзя сделать батарею на 4 деления . Тут на форуме поднимался вопрос по определению аку, 4-100%,3-75%,2-50%,1-25%. Типа того.Спасибо за понимание .

[SILIVILI]

FAN_TV,
дак их и так вроде 4 деления рисуй как хочется (3 дольки-100%,2 дольки 50-60%,1 долька- 25% , и пустая батарея 10% и меньше-вот раздели это в скине на 4. А чтобы было 100%,3-75%,2-50%,1-25%. это скорее всего от программного обеспечения зависит вывод инфы о заряде

[TiM_22R]

Да, тут в прошивке надо ковырять... Я глянул в файлик, за батарею отвечающий. Там есть 5 уровней заряда батареи. И если меньше 3, то батарея разряжена. Т.е. здесь ковырять смысла нет - всё равно телефон будет напоминать о разрядке, даже если нарисовать неразряженную.


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

[andrey_moto]

DATE & CLOCK


И СПАСИБО!
Тим.

как всигда 5 баллов

[Nuke142]

Не могли бы подсказать универсальный способ для всех скинов, как уменьшить шрифт, чтобы больше на экране влезало, для всех менюшек ? Как в скине BlackZine от Романа.
Ковырял самостоятельно common.ini - жесть какаято получилась
Неужели вас всех такой крупный шрифт устраивает ? А ведь в большинстве скинов он не изменен, только вот Роман его оптимизировал для 240x320.

Сообщение отредактировал Nuke142 - 21.11.2009, 17:10

[Evan18]

TiM_22R, а как эти часики поставить? Мануал можно?

[TiM_22R]

Evan18, примонтировать в /usr/SYSqtapp/xe/resource/skins/default/view/main_view.svg

Неужели вас всех такой крупный шрифт устраивает ?

Эх, есть такой параметр при пользовании телефоном. ЗРЕНИЕ называется
Почти универсальный способ изменить шрифт есть. Примонтировать, а лучше прошить ленг с нужным шрифтом (что б не поиметь глюк с моготочием в часах HS) Иначе, нужно будет править и потом монтировать colors.css для SVG-части меню и ini-файлы для оставшейся части (гораздо большей).
Про ini где-то в теме по Z6 было, а про colors.css и вообще SVG-файлы в этой теме (ну, с половины)

[andrey_moto]

Примонтировать, а лучше прошить ленг с нужным шрифтом (что б не поиметь глюк с моготочием в часах HS)

сразу лучше маунтом посмотреть какой шрифт больше всего юзабелен для часов(сам сталкивался с этой проблеммой), а потом пересобрать ленг с нужным шрифтом. Или сделать по другому. Сделать ленг в rw и плюс еще всю папку хе из /usr/SYSqtapp/ засунуть в ленг и на нее сделать симлинк. Я так себе на у9 сделал. Проблем вообще со скинами и шрифтом не имею.

[TiM_22R]

Такой вот вариантик...

main_view.svg.rar   ( 8.55 килобайт ) Кол-во скачиваний: 230

[lDeNl]

TiM_22R,
А реально сделать так то чтоб писал день недели - пн вт ср и т.д. а то везде эти числа... а у меня с ориентацией в днях недели проблемы!

[TiM_22R]

Ну, Den, ты задал мне задачку! Главная засада в том, текст кирилицей телефон не отображает-ни тупо прописанный в код svg/JS, ни через системного "переводчика"! Додумался-таки вместо символов пудсунуть их коды. Секунды пришлось убрать. В процессе выяснилось, что команды запроса формата даты (дд/мм/гггг и наоборот) и времени (24/12 "am"/"pm") у меня не работают (может синтаксис другой или с головой чего...). Т.ч. для наших забугорным камрадов неочень подходяще
Если только просто переделать формат в самом svg.
Как-то вот так...

main_view_WDay_RUS.svg.rar   ( 7.84 килобайт ) Кол-во скачиваний: 215

Тим.

[lDeNl]

Супер!!! Спасибо Теперь мне осталось это вставить в свое меню и будет вообще прекрасно

Насчет часиков, а прозрачный фон нельзя сделать? Чтобы не было этого серого фона...

Сообщение отредактировал lDeNl - 25.11.2009, 11:14

[Entom]

Супер!!! Спасибо Теперь мне осталось это вставить в свое меню и будет вообще прекрасно

Насчет часиков, а прозрачный фон нельзя сделать? Чтобы не было этого серого фона...

+1

[TiM_22R]

Эта панелька с серым фоном прикрывает дырку в обоях... Если серьёзно, она закрывает текст хидера в Подменю. Хотя, при желании, можно текст убрать:

Сделать это можно 2-мя способами
1. В colors.css выставить размер шрифта хидера в 0

Код

.....
.textAcceleratorStd         { fill: #939393;}
.textAcceleratorSel         { fill: #fff;}
/* header  Текст заголовка */
.textLight                 { fill: #fff;  font-size: 0;} <-------
/* scrollbar */
.scrollBar                  { width:8; opacity:.8}

/****************************************************
Notification
****************************************************/
.........

2. В файле main_statusbar.svg (там же, где и main_view.svg) закомментировать строку текстового поля textArea id="title" хидера

Код

<g id="TEXT AREA" moto:stretch="6">
        <!--rect x="0" y="0" width="100%" height="100%" fill="yellow" opacity=".5"--/><!--only used to visualize layout-->
            <g id="hiddenContent" display="none">
            <!--textArea id="title" x="1" y="6" width="174" height="36" font-size="22" text-align="center" class="textLight"/-->

Собственно всё.

main_view_R.svg.rar   ( 6.83 килобайт ) Кол-во скачиваний: 200

Тим.

[LigaLayz777]

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

[TiM_22R]

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

Кхе...Склероз, забыл выложить
У меня получилось как-то вот так

Уж не знаю - так или не так... Если речь о самом скине, то тут я не "властелин колец"

grid.svg.rar   ( 27.71 килобайт ) Кол-во скачиваний: 301

И ещё вот шрифтом попросили поделиться. Не помню когда и на базе какого шрифта пытался сделать

AMCSL.TTF.rar   ( 79 килобайт ) Кол-во скачиваний: 206

[TiM_22R]

main_view_ENG.svg.rar   ( 6.49 килобайт ) Кол-во скачиваний: 209

DATE & CLOCK in Main/SubMenu statusbar э..э... international version
Date format - YY/MM/DD-week day, time format - 12 hours

Use the font-size: 0 in class .textLight file colors.css

Код

....
/* header */
.textLight        { fill: #fff; font-size: 0;}
/* scrollbar */
....

Пенсия не загорами, а я так и не запомнил эти am/pm...

Сообщение отредактировал TiM_22R - 26.11.2009, 11:08

[Nuke142]

А у меня с любыми вариантами main_view.svg с датой (и с датой&временем) переодически глючит меню - просто не открывается, ничего не происходит при нажатии на правую софт-клавишу. Лечится нажатием на феолетовую кнопку с последующим выходом из режима съемки. Но так как это гемор, был вынужден отказаться от этой наработки :[

TiM_22R, ответь пожалуйста на вчерашнее ЛС по поводу шрифтов.
upd: спасибо за шрифт.

Сообщение отредактировал Nuke142 - 26.11.2009, 8:42

[Entom]

А у меня с любыми вариантами main_view.svg с датой (и с датой&временем) переодически глючит меню - просто не открывается, ничего не происходит при нажатии на правую софт-клавишу. Лечится нажатием на феолетовую кнопку с последующим выходом из режима съемки. Но так как это гемор, был вынужден отказаться от этой наработки :[

У меня такая же байда, а жаль.

[TiM_22R]

У меня такая же байда, а жаль.

Мне так и не удалось словить этот глюк в процессе работы телефона. За исключением случаев передачи по фтп файлов svg, после которых приходилось пользоваться шторкой камеры, что б попасть в меню. Поэтому я ориентировался на два других бага. Это жесточайшие тормоза при входе в Подменю "Переместить в папку" java-приложений и невозможность запустить сразу более одного таймера. Да, хреново делать чего-то, не понимая и сотой доли того, чего ты делаешь
Но... Тормозов теперь нет и для проверки я вставил в Спиннер ещё одни аналоговые часы и они идут одновременно с цифровыми.

Не знаю, насколько это будет связанно с вышеуказанным багом! Поэтому у меня ОГРОМНАЯ просьба-потестите вот этот main_view, особенно у кого был этот баг (я думаю, был у всех ) Буду очень признателен за отзывы! Тим

main_view_clear.svg.rar   ( 6.75 килобайт ) Кол-во скачиваний: 300

[policarp]

Тим, того что у тебя на скрине у меня в спинере нет, ЗАТО нет больше бага с не входом в меню! Молодец! БОЛЬШОЙ +!

[TiM_22R]

Bug Fix русская и international "прозрачные" версии...

ВНИМАНИЕ! Теперь не надо применять параметр font-size:0 в colors.css для скрытия надписи. Я вставил в код... а, неинтересно. Да, файлы поддерживают разные фоны в Главном меню (fl_mm_bg.png) и Подменю (fl_sm_bg.png). Впрочем, наличие второго файла необязательно.

main_view_RUS.svg.rar   ( 5.51 килобайт ) Кол-во скачиваний: 270

main_view_INT.svg.rar   ( 6.2 килобайт ) Кол-во скачиваний: 256

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

[TiM_22R]

А-А-А!!! ...ать!! Совсем вылетело из башки, что Воскресенье - НУЛЕВОЙ день недели, а не 7-й!

Исправил в предыдущем посте

[TiM_22R]

No comment...

grid.svg.rar   ( 21.22 килобайт ) Кол-во скачиваний: 329

[policarp]

Выглядит необычно! Но, у меня почему-то в подменю пустые иконки...

[TiM_22R]

Выглядит необычно! Но, у меня почему-то в подменю пустые иконки...

Видимо имелось ввиду пустые места вместо иконок... Значит в подменю меньше 12 приложений. Нет приложения-нет иконки . Хотя, можно сделать и типа вот так...

grid_noSpace.svg.rar   ( 21.81 килобайт ) Кол-во скачиваний: 253

[syberside]

Tim, можно попросить вариант без анимации при открытии меню и чтоб часы были поменьше, а иконки побольше? Спасибо кстати за твои работы!

[TiM_22R]

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

grid.svg.rar   ( 21.61 килобайт ) Кол-во скачиваний: 211

P.S. Кому интересно, могут скинуть анимированные gif'ы (не меньше 240х320), которые, по-вашему мнению, могут использоваться как анимация фона меню. Если подойдёт, разберу на кадры...

[TiM_22R]

Раскатал я губу сделать что-нибудь типа 3d меню - куб или призму... Кхе, мало того, что трансформировать такие фигуры ЧУДОВИЩНО гемморойно (что-то приемлимое сделать мне не удалось), так ещё и телефон обрабатывать 9х3=27 ячеек с иконками начинал с жуткими тормозами.
"...Уйди, старушка, я в печали!"
Обычная сетка 3х4 c эффектом "скольжения" курсора и самого меню.

grid_slider.svg.rar   ( 23.38 килобайт ) Кол-во скачиваний: 313

[swansea]

пожалуйста не бейте:) как это и тому подобное засунуть в тел?

[Karaban]

TiM_22R если тебе не трудно прикрепи, мануал по установке?

[V!iT]

тим что то оно не работает,черный экран, а сверху пол квадрата
сорри,все работает:)
огромнейшие Тим спасибо!
надо бы только доработать это:)

Сообщение отредактировал V!iT - 10.12.2009, 10:45

[TiM_22R]

Если используется не монстр, в котором, возможно, авторы предусмотрели собственные методы установки svg-файлов, то для применения этих файлов самый простой способ - монтирование через medld.conf. Для установки файла Сетки Главного меню добавить в файл строку:

Код

mount -o bind /где у вас лежит файл/grid.svg /usr/SYSqtapp/xe/resource/skins/default/mainmenu/grid/grid.svg

По аналогии монтируются Спиннер и Список, меняются только подпапки mainmenu/tabs и mainmenu/list
ВАЖНО! Что бы избежать возможных глюков с выкидыванием из меню и т.п. необходимо использовать файл main_view.svg со скриптом (это файл с часами, с разными фонами) и примонтировать в

Код

/usr/SYSqtapp/xe/resource/skins/default/view/main_view.svg

Рекомендую внимательно почитать хотя бы вот от сюда

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

Как не работает!? У меня и в Главном меню и в Подменю без проблем...

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

[TiM_22R]

Ну, что никому не было абыдна!

grid_3x3_slider.svg.rar   ( 22.75 килобайт ) Кол-во скачиваний: 303

grid_4x4_slider.svg.rar   ( 23.88 килобайт ) Кол-во скачиваний: 239

[Yonodmc]

TiM_22R, ты реально крут!!! таких фишек с меню я не видел ещё нигде!!! и вот у меня как у пользователя ем30 (в скором времени е8) созрел вопрос: а не мог бы ты свои фишки делать ещё и для выше указанных моделий???

[andrey_moto]

TiM_22R, ты реально крут!!! таких фишек с меню я не видел ещё нигде!!! и вот у меня как у пользователя ем30 (в скором времени е8) созрел вопрос: а не мог бы ты свои фишки делать ещё и для выше указанных моделий???

кури тему про скины в ветке е8. Тим имел возможность там выкладывать то, что сделал.

[TiM_22R]

Тем, кто хочет изменить по своему вкусу скорость "скольжения" курсора и сетки я опишу, как это сделать. Понадобится редактор типа NotePad++. Открываем в нём наш svg...
За продолжительность анимации отвечает параметр dur. Его значения можно записывать как в секундах, так и в миллисекундах: dur="0.25", dur="1", dur="250ms", dur="1000ms". Для изменения скорости курсора ищем следующие строки

Код

<animateTransform id="MoveLf" type="translate" ... dur="..." />
<animateTransform id="MoveRg" type="translate" ... dur="..." />
<animateTransform id="MoveDw" type="translate" ... dur="..." />
<animateTransform id="MoveUp" type="translate" ... dur="..." />

Скорость скольжения меню прописана чуть ниже

Код

<use id="main" xlink:href="#iconsDef" ... >
   <animateTransform type="translate" id="MvUp" ... dur="..." begin="indefinite"/>
   <animateTransform type="translate" id="MvDw" ... dur="..." begin="indefinite"/>
  </use>

Остаётся подставить свои значения в параметр dur (с соблюдением всех пробелов, двоеточий и т.п.!) и, сохранив файл, закинуть его в телефон. Удачи!

Сообщение отредактировал TiM_22R - 11.12.2009, 9:36

[Entom]

TiM_22R, подскажи а какая кодировка используется в .svg?

[TiM_22R]

svg-это обычный (Win/DOS) текст. Я пользуюсь Notepad++ с кодировкой ANSI с включённым UNIX-форматом. Хотя Win или UNIX, в данном случае, не имеет разницы.