Оформление (скины) для программы "Семь Дорог"

naInfo

Здесь будут обсуждаться графические обертки для программы Семь Дорог.
Также возможно выкладывать свои наработки в этой теме.
Обязательно указывать к каждому скину:
1) Версия программы и билд (пишется в 7ways.log при старте программы)
2) Скин необходимо запаковать в zip архив.

naInfo

Ссылки на готовые скины к текущей версии 1.0 RC:

от borism346
- http://maps-by.googlecode.com/files/skin_OSM_7ways.7z
- http://www.navikey.ru/files/7w/skin/borism346/skin_OSM_7ways.7z (копия)
- сообщение и скриншот

techdir

Для версии 1.0 RC не подходят
Всем привет, программа понравилась, сыровата, конечно, не без этого, но и Москва не сразу строилась, всё впереди...
Выкладываю пробный скин, сделал для себя и под своё разрешение 480х272, кому интересно - качайте, пробуйте...
default.zip
fonts.zip
Инструкция:
1) содержимое архива (папка с именем Default) распаковать в каталог со скинами, а именно в \7ways\skins\ - положить сюда целиком всю папку
2) содержимое архива fonts.zip распаковать в каталог со шрифтами, а именно в \7ways32\fonts\ - попросит замену, решать вам, заменять или нет, оригинальные шрифты на всякий случай можно, конечно, сохранить или переименовать
3) всё, запускаем программу и пользуемся
Увеличил некоторые иконки, изменил расположение, изменил отображение маршрутных индикаторов, везде увеличил клавиатуру, кнопки теперь нажимать удобнее... Ночной скин ещё не доделан, но пользоваться можно...
Предложения, пожелания и замечания принимаются...
<img src="/vanilla/uploads/FileUpload/12/32.jpg" />
<img src="/vanilla/uploads/FileUpload/13/33.jpg" />
<img src="/vanilla/uploads/FileUpload/14/34.jpg" />
<img src="/vanilla/uploads/FileUpload/15/35.jpg" />
<img src="/vanilla/uploads/FileUpload/16/36.jpg" />

borism346

В версии для компа (и нетбука), вдвое уменьшил ширину линии проложенного маршрута. Не знаю как на приборах, а на компе очень широкая была, особенно на мелких масштабах. Стало приятнее смотреться.

Сделал альтернативный скин на базе дефолтного:
http://maps-by.googlecode.com/files/skin_OSM_7ways.7z
http://www.navikey.ru/files/7w/skin/borism346/skin_OSM_7ways.7z (копия)
Отображаются такие POI как барьеры (ворота, шлагбаумы, блоки, цепочки), туалеты, милиция, мосты и т.д. Конвертация карт из .mp гарминовского формата.
<img src="/vanilla/uploads/FileUpload/2/42.jpg" />

zemleroi

кто нибудь может сделать скин для горизонтального расположения на 320Х240 ?

naInfo

zemleroi said: скин для горизонтального расположения

по замыслу скинов которые идут в комплекте - это разрешение поддерживается по умолчанию. Подскажите что конкретно не устраивает?

casper

Что-то не видит новый скин, если его обозвать имя.7ws и положить в папку к скинам.
Кидаю папку распакованную, программа видит скин, но он не меняется, хотя выбран другой.
Аппарат на андроиде.

naInfo

casper said: имя.7ws и положить в папку к скинам.
Кидаю папку распакованную, программа видит скин, но он не меняется, хотя выбран другой.
Аппарат на андроиде.

Папка со скином должна быть запакована без сжатия и содержать структуру подпапки со скином - без верхнего уровня (без общей папки). При переключении скорее всего ошибка в скине (можно посмотреть 7ways.log в каком конкретно файле) при этом остается предыдущий скин..

naInfo

обновление скинов во втором сообщении на первой странице этой темы (http://www.navikey.ru/vanilla/discussion/comment/342/#Comment_342)

techdir

Обновил свой скин (разрешение только 480x272) сделал теперь на базе альтернативного. Подходит для новой версии 1.0 RC. Содержимое архивов распаковать во временную папку. затем поместить файл techdir.7ws в папку skins, файлы english.7wl и russian.7wl в папку languages, файл font.tft в папку fonts. На всякий случай сделайте резервную копию всей папки с программой.
<img src="/vanilla/uploads/FileUpload/8/68.jpg" />

naInfo

Скин от chen2011 (обновлено до версии RC2)
<img src="/vanilla/uploads/FileUpload/15/75.jpg" />
создан:
Евгений Багрецов
e-mail: e.v.bagretsov[собака]gmail.com
скачать: http://www.navikey.ru/files/7w/skin/chen2011/grayRS2.zip
Инструкция: распаковать и положить в папку skin

LHD

naInfo said: Здесь будут обсуждаться графические обертки для программы Семь Дорог.
Также возможно выкладывать свои наработки в этой теме.

Как и в других разделах сайта, тут тоже не нашел ответа на вопрос: как это сделать?
Или не там смотрю? Прошу пояснить, в какой проге редактировать скин и хорошо бы небольшое пояснение. В целом, предустановленные скины устраивают, но хотелось бы увеличить кнопки "-" и "+".

И ещё замечание по проге, о котором я писал в другой ветке, но коммента не последовало:

LHD said: При выборе скина в выпадающем списке идут:

2. Альтернативный
Основной

Именно так, как написано, первая строка с цифрой, а вторая без. Думаю, цифра там лишняя.

Либо перед "Основной" нужна единичка.

naHard

LHD said: Прошу пояснить, в какой проге редактировать скин и хорошо бы небольшое пояснение

В настоящее время программа находится на бета тестировании. И как формат самой программы, так и формат скина будет еще не раз меняться. Когда выйдет релиз программы - мы выложим на всеобщее обозрение документацию-описание редактирования.

LHD said: 2. Альтернативный
Основной

Эта ошибка закралась в андроидной версии. В версии для win32,WM,CE такой нет.
Ошибка будет исправлена. Спасибо Вам за внимательность.

LHD

А вопрос по клавиатуре можно сюда задам? Если не в ту тему, прошу перенести.

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

Ещё неплохо бы сделать кнопки побольше. Поскольку в ширину уже не растянешь (разве только немного интервал уменьшить), можно бы их в высоту вытянуть немного, как на штатной клавиатуре.

LHD

LHD said: Прошу пояснить, в какой проге редактировать скин и хорошо бы небольшое пояснение. В целом, предустановленные скины устраивают, но хотелось бы увеличить кнопки "-" и "+".

Экспериментировал с файлами оформления. Получилось "разобрать" .7ws архиватором.
Кроме "-" и "+" поменял и все основные картинки кроме тех, что в настройках, на более крупные. Изменил название в skin.xml, собрал обратно в ZIP архив с другим именем (на всякий случай, без сжатия) и поменял расширение на 7ws. Подкинул на смартфон и, вуаля! скин подхватился
С увеличенными кнопками стало гораздо удобнее. Получился скин адаптированный под разрешение 320x480 пикселей.
Поскольку кнопки стали больше, в окошках с настройками "крестик" и "галочка" немного налезают на фон. Буду ковырять дальше дабы увеличить отступы.

Заодно таким же способом пересобрал и альтернативный скин, убрав в skin.xml "2. " перед Альтернативный (писал об этой двойке ранее).

Предупреждение для возможных экспериментаторов: если удалить скин выбранный "по умолчанию" (или залить вместо него "кривой"), то прога не запускается, поэтому заранее нужно переключаться на другой скин.
Если же всё же такое произошло, то придётся редактировать файл settings.xml, заменив там в нескольких строчках имя дефолтного скина.

ps: интересное наблюдение: если удалить файлик с альтернативным скином (alt.7ws), то он снова восстанавливается (видимо из дистрибутива), причем, с пресловутой "2. " .

LHD

LHD said: если удалить скин выбранный "по умолчанию" (или залить вместо него "кривой"), то прога не запускается, поэтому заранее нужно переключаться на другой скин.
Если же всё же такое произошло, то придётся редактировать файл settings.xml, заменив там в нескольких строчках имя дефолтного скина..

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

borism346

Обновил свой вариант скина под новую версию (1.00.300 RC2) программы
http://maps-by.googlecode.com/files/skin_OSM_7ways.7z

LHD

borism346 said: Обновил свой вариант скина под новую версию (1.00.300 RC2) программы

Вот, блин, из-за чего после обновления прога не запустилась - ей нужен новый скин! У меня-то стоял мой вариант, а его новая версия проги не понимает!
Мелькнула мысль, что похоже на глюк со скином, но подумал, что я же не менял ничего... в общем, удалил прогу и заново поставил. Но когда после переустановки не получилось выбрать свой скин - всё встало на свои места.

Отсюда предложение к разработчикам: может быть есть смысл при обновлении программы автоматом выставлять дефолтный скин? Либо реализовать предложение из моего предыдущего поста.

Brodyaga

Для запуска пришлось править файл settings.xml(менять скин)

naInfo

LHD said: Отсюда предложение к разработчикам: может быть есть смысл при обновлении программы автоматом выставлять дефолтный скин?

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

Brodyaga said: Для запуска пришлось править файл settings.xml(менять скин)

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

slog31

Подскажите, пожалуйста, как увеличить размер шрифта в указателе текущей скорости

techdir

slog31 said: Подскажите, пожалуйста, как увеличить размер шрифта в указателе текущей скорости

В файле скина gui.xml найти строчку:
"indicator id="SpeedIndicator" title="$Speed" sourceId="BlueFrameIndicator" fontbold="0" fontSize="16" ....". Изменить значение параметра "fontSize" на большее...

dimonster

Думаю, лучше не размер шрифта увеличить, а размер синего квадратика уменьшить, чтобы карту не загораживал. Актуально для маленьких экранов. Вот нашёл строчку
indicator id="SpeedIndicator" title="$Speed" sourceId="BlueFrameIndicator" fontbold="1" width="15mm" height="15mm"
уменьшил до 10мм. Вроде лучше.

Кстати, можно ведь редактировать не только скины, но и заставку при загрузке (картинки в папке splash). Я, к примеру, сделал логотип и шарики не на белом фоне, а на чёрном. Правда, пришлось фоновый рисунок подгонять под разрешение экрана, а то вокруг рисунка белое поле оставалось.

naInfo

dimonster said: Кстати, можно ведь редактировать не только скины, но и заставку при загрузке (картинки в папке splash). Я, к примеру, сделал логотип и шарики не на белом фоне, а на чёрном. Правда, пришлось фоновый рисунок подгонять под разрешение экрана, а то вокруг рисунка белое поле оставалось.

Это очень хорошо! Вы можете выложить свои наработки для всех остальных либо здесь либо написать на support@navikey.ru и мы разместим на них ссылку в форуме и на сайте.

LHD

Заменить картинки в папке splash дело действительно нехитрое

А почему бегающие шарики реализовали через пятнадцать bmp, а не через один gif файл?

Да, ещё попутный вопрос... когда скин себе мутил, заметил две папки под большое и малое разрешение. Поясните, плиз, под какие границы разрешения делятся папки hires и lores?

naInfo

LHD said: А почему бегающие шарики реализовали через пятнадцать bmp, а не через один gif файл?

По реализации - анимационный гиф - это те же 15 файлов только в одном, с точки зрения программы конечно же. И соответственно для пользователя немного сложнее создать собственную бегущую строчку в gif нежели сделать 15 bmp.

LHD said: Поясните, плиз, под какие границы разрешения делятся папки hires и lores?

Соответственно для экранов 192 и 96 dpi. Фактически и желательно, чтобы размеры картинок отличались в два раза, но не обязательно.
При разрешении выше чем 640х480 - будет использоваться папка hires во всех остальных случаях - lores.

LHD

dimonster said: Кстати, можно ведь редактировать не только скины, но и заставку при загрузке (картинки в папке splash).

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

Отсюда вопрос к разработчикам - можно ли заменить белый фон на свой? Файлика с белой картинкой для заполнения или строчки с кодом #ffffff не нашёл.

naInfo said: И соответственно для пользователя немного сложнее создать собственную бегущую строчку в gif нежели сделать 15 bmp.

Ну да, когда пробовал менять стартовую заставку я это оценил, подогнал фон у шариков под цвет заставки
С другой стороны, у гифок можно было бы сделать прозрачный фон, тогда они подошли бы к любой заставке. А если нашлись бы желающие заменить авторские "шарики" на другие значки, то пусть учатся редактировать гифы

dimonster

Мне кажется, что белый цвет фона прописан в коде самой программы. Думаю, можно выкрутиться, сделав фоновую картинку квадратной. Чтобы сторона квадрата равнялась длине экрана в пикселях. Тогда как ни верти экран, он весь будет закрыт фоновой картинкой. Только логотип будет съезжать.

naHard

dimonster said: Мне кажется, что белый цвет фона прописан в коде самой программы.

Фон меню можно изменить в gui.xml в строке №8 formBgColor="white"
под сплешем цвет фона задаётся жёстко в коде.

LHD

naHard said: сплешем цвет фона задаётся жёстко в коде.

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

dimonster

Ага. И чтобы при смене ориентации экрана сплеш-картинка либо ресайзилась, либо менялась.

LHD

dimonster, это лишнее. Если фон будет нужного цвета, то подойдёт и обычный сплеш, края которого будут того же цвета что и фон.

dimonster

Ещё пожелание по интерфейсу: полупрозрачные панели с текстом в меню - плохая идея. Пусть они будут непрозрачными и однотонными. И чтобы текст был контрастным, но не ярким.
К примеру, жмём "меню" - "Информация". И видим панель с текстом "О программе", через которую просвечивают кнопки меню, а через них просвечивает фоновый рисунок. Ну такая некрасивая зеленоватая мешанина получается. Как салат из капусты со сметаной

Полупрозрачные кнопки и панельки, я думаю, уместны только на фоне карты.

slog31

techdir, большое спасибо за ответ. Всё получилось. Ещё вопрос - можно ли менять цвет и форму "BlueFrameIndicator"а.

slog31

Прошу прощения за вопрос, отвечать не надо, разобрался сам.

techdir

slog31, скачайте мой скин из шапки, правда он для новой версии не подходит, (когда сделают нормальное автомасштабирование - обновлю) в нём я проставил много комментариев по опциям, с которыми смог разобраться...

dimonster

Тогда уж давайте попросим программистов написать комментарии к каждому параметру в скине

iav

Существует ли скин, похожий на родной для андроида? Без гигантских градиентов, тёмный?

naInfo

Ближе к релизу будет выложена документация по всем опциям скинов.

borism346

Обновил свой вариант скина для нового релиза программы:
http://maps-by.googlecode.com/files/skin_OSM_7ways.7z

В скине обнаружил опечатку. Проявляется при включении ночного режима.
Перезагрузил скин программы "Семь дорог".
Кто скачал, перекачайте.

Сделал свой вариант скина на базе альтернативного:
http://maps-by.googlecode.com/files/skin_alt_OSM_7ways.7z

Uge

Глаза болят от мелкоты, сделайте плиз иконки и шрифт крупнее для 640х480, а я Вам интересные мультики для взрослых покажу:

spoiler не работает

89(((((((((((((((((((((((

naHard

Uge said: Глаза болят от мелкоты, сделайте плиз иконки и шрифт крупнее для 640х480

Пожалуйста напишите модель Вашего устройства.

Uge

RoverPC G7pro TvOut wm6.1 640x480

Papazol

Стал разбираться со скинами, появились некоторые вопросы.
1. Для чего иконки POI сделаны в трёх вариантах размеров?
2. Будет ли работать, если иконки оставить только в одном варианте размеров?
3. Какое стандартное преобразование изображения применялось к иконкам для получения их ночного варианта?
4. Что за единица измерения "pd"?

Papazol

Так как пока никто ничего не ответил, попытаюсь ответить сам себе.
1. Иконки сделаны в трёх вариантах размеров, чтобы при приближении-удалении объетов иконки меняли размеры.
2. Работать будет, но нужно оставить три одинаковых файла, назвав их *_1.png, *_2.png и *_3.png.
3. Жду ответа.
4. Жду ответа.

Зато появились новые вопросы.
5. При переименовании некоторых файлов иконок программа перестаёт запускаться, вернее, виснет. Почему? Даже не так: какие иконки переименовывать нельзя?

Uge

5. можно вычислить методом итераций! 89)

Papazol

В общем, немного помучившись, я свои вопросы решил сам. На всякий случай напишу, что у меня получилось.
3. Яркость уменьшалась на 65 условных единиц в терминологии XNView.
4. Не узнал, да и ладно, опытным путём выяснил, на сколько нужно изменить.
5. Оказалось всё не совсем так. Дело не в переименовании, а в том, что нельзя один и тот же номер типа POI оставлять более чем в одной строке. Переименовывать можно любые иконки.

На основании вышеизложенного сделал свой скин для программы. Изменения:
1. Оставлено только высокое разрешение.
2. Увеличен в два раза квадрат, в котором показывается текущая скорость.
3. Добавлено большое количество типов POI, отображаемых на карте. Иконки взял с http://mapicons.nicolasmollet.com. Некоторые оставил родные, но переименовал почти все. Размеры иконок на всех расстояниях оставил постоянными, это не мешает, да и простое изменение размеров хороших результатов не даёт.
Скачать скин можно с http://www.rapidshare.ru/2778516.
Критические замечания приветствуются.

Uge

жаль Оставлено только высокое разрешение 89(

sergeu27

У меня на престижио 4200 ошибка загрузки скина

Papazol

Ребята, извиняйте, но иконки - это тот ещё гемор. Каждая в трёх экземплярах, да ещё дневной/ночной режимы. На сайте, с которого я скачал иконки, они присутствуют только в одном разрешении, пробовал увеличивать - отстой. Таким образом, для своих целей собрал as is.
Пробовать скин рекомендую только на PC, ибо на других устройствах он не тестировался, следовательно, работоспособность не гарантируется.
Будет время и желание - доведу до конца работу.

ArGenTum

На Explay PN-955 скин "Papazol" заработал.
Но, кнопка в ПВУ (правом верхнем углу) - это что-то!!! :-)))