Дизайн сцен 2

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модератор: immortal

Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Дизайн сцен 2

Сообщение nick7zmail » Сб фев 27, 2016 11:39 pm

Да вроде выкладывали архивы...
Кстати, Vovix, можно попросить оформить темку эту?
Все ваши окончательные разработки скидать в первый пост, с инструкциями...было бы неплохо)
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
utia38
Сообщения: 82
Зарегистрирован: Ср авг 26, 2015 9:22 pm
Откуда: г.Обнинск, Калужская обл.
Благодарил (а): 1 раз
Поблагодарили: 9 раз
Контактная информация:

Re: Дизайн сцен 2

Сообщение utia38 » Вс фев 28, 2016 10:28 am

да, было-бы неплохо оформить (с импортом элементов и их настройкой под себя я думаю все уже разобрались) :)
DiArt
Сообщения: 210
Зарегистрирован: Пт апр 12, 2013 2:27 pm
Откуда: Уфа
Благодарил (а): 28 раз
Поблагодарили: 16 раз

Re: Дизайн сцен 2

Сообщение DiArt » Вс фев 28, 2016 2:11 pm

Вот выкладываю то что раньше тут заливали на форум. Чтоб не рыскать по страницам
Вложения
2015_11_27_настройки.zip
(2.4 КБ) 413 скачиваний
Система на Неттоп 3Q Nettop Qoo!
(Intel Celeron J1800, 2x2410 МГц, 4096 Мб, HDD 1000 Гб, HDMI, VGA , Wi-Fi, Ethernet, Ubuntu 14.04.2)
Вторая система на Raspberry Pi 3.
D-Link DCS-930L/Broadlink RM2-Pro/BroadLink SP3 CC/Ginzzu HS-K07W
Я в CONNECT
DiArt
Сообщения: 210
Зарегистрирован: Пт апр 12, 2013 2:27 pm
Откуда: Уфа
Благодарил (а): 28 раз
Поблагодарили: 16 раз

Re: Дизайн сцен 2

Сообщение DiArt » Вс фев 28, 2016 3:09 pm

Набросал я тут по примеру сценку с радио.
Выкладываю на всеобщее обозрение.

Папку CSS можно скачать отсюда https://yadi.sk/d/wV0vJjSypf3xm Не захотела закачиваться на форум

Папку CSS положить в /var/www/templates_alt
Папку radio положить в /var/www/cms/scenes
Файлы radio1-1024x600.jpg и radio2-1024x600.jpg положить в /var/www/cms/scenes/backgrounds

Далее создать сцену. Фоновое изображение указываем /cms/scenes/backgrounds/radio1-1024x600.jpg
Далее импортируем элементы сцены.
ВАЖНО!
У меня на вызов каждого радио стоит свой сценарий
Пример сценария на радио Европу Плюс:

Код: Выделить всё

cm('RadioSetting.Control','stop');
say('Включаю Европу Плюс');
cm('RadioSetting.Control','sta:Evropa_Plus');
cm('RadioSetting.Control','play');
setGlobal("Radio.RadioLedOn",1);
setGlobal("Radio.RadioMenuOn",'Европа Плюс');
 
Также необходимо чтобы стояло приложение Онлайн радио из маркет дополнения.
Ну и поправить в general_CSS (only CSS) на свои элементы.
А также на кнопку back выход на главную страницу свою.
Вложения
radio.elements.zip
(2.97 КБ) 395 скачиваний
radio1.zip
(885.25 КБ) 395 скачиваний
radio.zip
(113.38 КБ) 381 скачивание
radio.jpg
radio.jpg (128.25 КБ) 15394 просмотра
За это сообщение автора DiArt поблагодарили (всего 4):
skysilver (Пн фев 29, 2016 11:49 am) • Molostov (Ср окт 04, 2017 7:48 pm) • fiberline (Вт июл 31, 2018 12:09 am) • Garik908 (Ср ноя 27, 2019 6:20 pm)
Рейтинг: 4.65%
Система на Неттоп 3Q Nettop Qoo!
(Intel Celeron J1800, 2x2410 МГц, 4096 Мб, HDD 1000 Гб, HDMI, VGA , Wi-Fi, Ethernet, Ubuntu 14.04.2)
Вторая система на Raspberry Pi 3.
D-Link DCS-930L/Broadlink RM2-Pro/BroadLink SP3 CC/Ginzzu HS-K07W
Я в CONNECT
utia38
Сообщения: 82
Зарегистрирован: Ср авг 26, 2015 9:22 pm
Откуда: г.Обнинск, Калужская обл.
Благодарил (а): 1 раз
Поблагодарили: 9 раз
Контактная информация:

Re: Дизайн сцен 2

Сообщение utia38 » Вс фев 28, 2016 6:15 pm

да но в этом файле "2015_11_27_настройки.zip"нет хоть каких-нибудь элементов, толька шапка :oops:
Вложения
настройки.jpg
настройки.jpg (15.28 КБ) 15367 просмотров
DiArt
Сообщения: 210
Зарегистрирован: Пт апр 12, 2013 2:27 pm
Откуда: Уфа
Благодарил (а): 28 раз
Поблагодарили: 16 раз

Re: Дизайн сцен 2

Сообщение DiArt » Вс фев 28, 2016 7:14 pm

utia38 писал(а):да но в этом файле "2015_11_27_настройки.zip"нет хоть каких-нибудь элементов, толька шапка :oops:
Разахривируй файл. Там есть файл с расширением .elements
Потом создаешь сцену и импортируешь элементы
Система на Неттоп 3Q Nettop Qoo!
(Intel Celeron J1800, 2x2410 МГц, 4096 Мб, HDD 1000 Гб, HDMI, VGA , Wi-Fi, Ethernet, Ubuntu 14.04.2)
Вторая система на Raspberry Pi 3.
D-Link DCS-930L/Broadlink RM2-Pro/BroadLink SP3 CC/Ginzzu HS-K07W
Я в CONNECT
utia38
Сообщения: 82
Зарегистрирован: Ср авг 26, 2015 9:22 pm
Откуда: г.Обнинск, Калужская обл.
Благодарил (а): 1 раз
Поблагодарили: 9 раз
Контактная информация:

Re: Дизайн сцен 2

Сообщение utia38 » Вс фев 28, 2016 7:56 pm

вот что импортировалось, элементы есть. но видимо что-то в tabs нужно запихнуть из меню и что-то перенастоить? :oops:
Вложения
настройки2.jpg
настройки2.jpg (87.9 КБ) 15346 просмотров
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Дизайн сцен 2

Сообщение nick7zmail » Пн фев 29, 2016 9:37 pm

Вот и добрались мои загребущие руки до данных сценок))) До этого как то не было времени ими заниматься, просто экспортировал пару сцен, дабы посмотреть, не более.

Прежде всего спасибо Vovix!
За столь глубокое "капание" сцен, и выставление столь замечательных результатов.

Я немного подогнал под себя главную сценку. Получилось, как по мне, вполне неплохо. Воткнул пробки рядом с погодой (площадь та же, инфы больше). По клику на погоде - переход на сцену погоды...так можно избавится от кнопки в нижнем ряду. По клику на пробках...пока не придумал)) Ну и небольшие косметические изменения в плане отображения даты, курсов валют, текстовой погоды. Нижней панелью пока не занимался.
скрин.jpg
скрин.jpg (228.28 КБ) 15243 просмотра
Выложу скрин - вдруг кому понравятся идеи - возьмут себе.
Довольно занятно получилось с анимацией. При переключении состояний - она срабатывает заново, что выглядит прикольно)).
_avi.gif
_avi.gif (706.02 КБ) 15243 просмотра
Теперь немного по сцене погоды проконсультируйте. В примере на основе которого делали эти сцены http://codepen.io/icebob/full/yNpgqR/ Погода довольно таки прикольно анимирована при появлении. В экспортах элементов анимирован только заголовок и кнопка назад. Так и есть, или я что-то не доделал? Если так и есть, то может кто-нибудь все таки сделал анимацию как в примере?
За это сообщение автора nick7zmail поблагодарил:
Molostov (Вт мар 01, 2016 11:37 pm)
Рейтинг: 1.16%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Дизайн сцен 2

Сообщение nick7zmail » Вт мар 01, 2016 8:07 pm

Ну...судя по тому что никто не откликнулся - видимо никто не делал.
Как говорится - кто, если не мы)) Чуть чуть поменял оформление.
скрин.jpg
скрин.jpg (267.55 КБ) 15159 просмотров
Поэксперементировал немного с css. Попытался сделать нечто похожее на то, что в примере было.
Собственно вот результат:
_avi (1).gif
_avi (1).gif (326.36 КБ) 15157 просмотров
Прикладываю экспорт элементов. Картинки вроде-бы туда встроены... Если нет - скачать можно тут. Как и в предыдущих - id элементов менять на свои.

Кстати верхняя часть сцены завязана на модуль yandex.weather, так что даже менять ничего не придется, если модуль установлен. Для нижней (с прогнозами) скрипт приведу в порядок, и тоже выложу.
Вложения
Elements21-36-32.part2.rar
(605.11 КБ) 727 скачиваний
Elements21-36-32.part1.rar
(1 МБ) 722 скачивания
За это сообщение автора nick7zmail поблагодарили (всего 3):
Molostov (Вт мар 01, 2016 11:37 pm) • ShadiK (Чт мар 03, 2016 6:30 am) • Otto (Вт апр 12, 2016 6:08 pm)
Рейтинг: 3.49%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
adzam
Сообщения: 602
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 20 раз
Поблагодарили: 138 раз

Re: Дизайн сцен 2

Сообщение adzam » Сб мар 05, 2016 6:07 pm

Dark_Veter писал(а):Я кстати погоду себе делал по этому же шаблону, только без анимации, работает с модулем OpenWeatherMap. Если кому интересно, могу выложить. Я там еще сделал изменяющийся фон, для каждого времени года :-)
СпойлерПоказать
2015-11-24_1258.jpg
"Dark_Veter" Выложи пож. твой шаблон привязанный к OpenWeatherMap и подскажи пож как ты привязал картинки и как округлить температуру не влезая в исходники.Я вроде тоже пробовал но у меня почему-то не обновляется
Последний раз редактировалось adzam Сб мар 05, 2016 6:31 pm, всего редактировалось 1 раз.
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Ответить