[Дизайн] Сцена "Оранжевый бриз"

Оформление сцен, меню, страниц

Модераторы: immortal, newz20

Аватара пользователя
Divan
Сообщения: 496
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 66 раз
Поблагодарили: 126 раз

[Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Вт мар 24, 2020 6:59 pm

Выкладываю свой вариант сцены "Оранжевый бриз". Все иконки векторные, можете переделывать по своему вкусу, также есть готовые растровые иконки. Открывать в CoralDraw.

Вид главной сцены, правый информационный круг отображает различную информацию, можно по нему просто кликать и он будем менять отображение информации. Если на главной сцене иконок для вас будет мало, то можете сделать клон главной сцены, сделать прозрачный круг и разместить вокруг виджета погоды. Тапнув на него, вы переключаетесь на клон главной сцены, но уже с другими иконками.
СпойлерПоказать
Главная сцена - 1.JPG
Главная сцена - 1.JPG (156.34 КБ) 1100 просмотров
Главная сцена - 2.JPG
Главная сцена - 2.JPG (155.69 КБ) 1100 просмотров
Главная сцена - 3.JPG
Главная сцена - 3.JPG (153.12 КБ) 1100 просмотров
Главная сцена - 4.jpg
Главная сцена - 4.jpg (279.29 КБ) 1100 просмотров
В этом месте, где указана стрелка, меняется статус дня: день/сумерки/ночь
Главная сцена - 5.jpg
Главная сцена - 5.jpg (287.79 КБ) 1100 просмотров
Вид сцены управления кондиционером
СпойлерПоказать
Сцена кондиционер.JPG
Сцена кондиционер.JPG (145.97 КБ) 1100 просмотров
Сцена кондиционер - 2.JPG
Сцена кондиционер - 2.JPG (148.53 КБ) 1100 просмотров
Вид сцены управления пылесосом
СпойлерПоказать
Сцена пылесос.JPG
Сцена пылесос.JPG (111.71 КБ) 1100 просмотров
Вид иконок
СпойлерПоказать
Иконки сцены Оранжевый бриз.JPG
Иконки сцены Оранжевый бриз.JPG (86.34 КБ) 1100 просмотров
Иконки - погода.JPG
Иконки - погода.JPG (58.36 КБ) 1100 просмотров
Иконки - кондиционер.JPG
Иконки - кондиционер.JPG (48.45 КБ) 1100 просмотров
Иконки - пылесос.JPG
Иконки - пылесос.JPG (21.92 КБ) 1100 просмотров
Видеообзор темы здесь
Скачать тему здесь


Обновление сцены от 27.03.2020

Благодаря теме "Вид на землю", я учел некоторые свои ошибки. Добавил в тему Оранжевый бриз меню и сделал еще иконки. Также добавил кнопку Панель управления, чтобы при нажатии вы могли попасть в панель управления mjdm
СпойлерПоказать
Панель управления вид на сцене.jpg
Панель управления вид на сцене.jpg (151.39 КБ) 826 просмотров
Панель управления.JPG
Панель управления.JPG (65.11 КБ) 826 просмотров
вставьте этот код

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

<a href="/admin.php?" target="_parent"><img src="/cms/scenes/OrangeBreeze/Main/Icons/ControlPanel.png"></img></a>
Вид сцены Меню. Иконки я добавил в архив, можете скачать их, нажав по ссылке выше
СпойлерПоказать
Сцена - иконка меню.jpg
Сцена - иконка меню.jpg (152.72 КБ) 826 просмотров
Сцена Оранжевый бриз - меню.JPG
Сцена Оранжевый бриз - меню.JPG (61.42 КБ) 826 просмотров
Если вы привязываете кнопки к боковому меню и нужно вернуться домой, то можно сделать так, вставьте такой код

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

<a href="/popup/scenes/[color=#FF0000]номер вашей домашней сцены[/color].html" target="_parent"><img src="/cms/scenes/OrangeBreeze/Main/Icons/Home.png"></img></a>
СпойлерПоказать
Сервис - домой.JPG
Сервис - домой.JPG (69.98 КБ) 824 просмотра
Боковое меню.JPG
Боковое меню.JPG (24.48 КБ) 824 просмотра

Так как появилось несколько тем и иконки я буду именовать по единым именам, то очень рекомендую в 3rdparty (загрузка изображении) каталогизировать папки, это поможет избежать путаницы с иконками и обоями. Вот как сделано у меня.
СпойлерПоказать
Структура папок для изображении.jpg
Структура папок для изображении.jpg (106.47 КБ) 826 просмотров
Если вы используете управление на планшете, то сделайте следующее. В настройках сцены включите функцию Автоматически изменять размер сцены, а настройках mjdm выберите домашнюю страницу по умолчанию
СпойлерПоказать
авторазмер.jpg
авторазмер.jpg (126.21 КБ) 826 просмотров
Использовать домашнюю страницу.jpg
Использовать домашнюю страницу.jpg (98.46 КБ) 826 просмотров
Последний раз редактировалось Divan Пт мар 27, 2020 5:04 pm, всего редактировалось 2 раза.
За это сообщение автора Divan поблагодарили (всего 6):
Plug (Вт мар 24, 2020 8:54 pm) • Samir77 (Чт мар 26, 2020 4:30 pm) • zamikatel (Пт мар 27, 2020 11:40 am) • homester (Пт мар 27, 2020 5:37 pm) • maximys (Ср апр 01, 2020 1:28 am) • Мазур (Чт апр 02, 2020 11:17 am)
Рейтинг: 7.5%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Nail
Сообщения: 269
Зарегистрирован: Пн мар 05, 2018 7:09 am
Откуда: Самара
Благодарил (а): 114 раз
Поблагодарили: 14 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Nail » Вт мар 24, 2020 11:12 pm

/cms/scenes/styles/MainScene/CircleClockNoFone.png
Картинки что то не нашел?
Mini AMD A6 1450 Quad-core.Ubuntu Desktop 18.04.4 (64-bit). MegaD. Zigbee2mqtt+SLS ZigBee Gateway. Broadlink.
Аватара пользователя
Divan
Сообщения: 496
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 66 раз
Поблагодарили: 126 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Вт мар 24, 2020 11:47 pm

Обновил архивный файл сцена Оранжевый бриз, скачайте еще раз, там должны быть уже все иконки
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Dev
Сообщения: 1
Зарегистрирован: Пт мар 27, 2020 10:00 am
Благодарил (а): 1 раз
Поблагодарили: 0

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Dev » Пт мар 27, 2020 10:06 am

CorelDRAW 2019 - это круто конечно... Дмитрий, а не сильно напрягу тебя, если попрошу понизить версию до 13?
Аватара пользователя
Divan
Сообщения: 496
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 66 раз
Поблагодарили: 126 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Пт мар 27, 2020 5:29 pm

Обновил архив, добавил папку Иконки - векторные для CoralDraw версии 11 и выше.
За это сообщение автора Divan поблагодарил:
Dev (Сб мар 28, 2020 2:47 pm)
Рейтинг: 1.25%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 496
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 66 раз
Поблагодарили: 126 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Сб мар 28, 2020 12:07 am

Выражаю благодарность участнику форума yurat2008 за его интересную идею. Выкладываю.

Варианты отображения времени суток. При наступлении дня и ночи, будут отображаться солнце и луна, при наступлении сумерек солнца на фоне не будет.
СпойлерПоказать
Sun.JPG
Sun.JPG (288.66 КБ) 767 просмотров
moon.jpg
moon.jpg (292.6 КБ) 767 просмотров
Иконки и сам элемент можете скачать тут.


Создайте свойство, например SceneMain.TimeDay, где будут значения: sun/moon, на основе этих значении будут меняться иконки

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

<img src="/cms/scenes/OrangeBreeze/Main/Icons/%SceneMain.TimeDay%.png" align="absmiddle"></img>
Вложения
Время суток.zip
(51.64 КБ) 41 скачивание
За это сообщение автора Divan поблагодарили (всего 2):
vitosmaxim80sad145 (Вс мар 29, 2020 11:05 am) • homester (Вс мар 29, 2020 12:43 pm)
Рейтинг: 2.5%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
vitosmaxim80sad145
Сообщения: 75
Зарегистрирован: Сб июл 07, 2018 12:48 am
Откуда: Днепр
Благодарил (а): 45 раз
Поблагодарили: 0

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение vitosmaxim80sad145 » Вс мар 29, 2020 11:03 am

сцена супер на 5+ вот только куда извлекать из ахрива сцены: класы, обои и иконки
vitosmaxim80sad145
Сообщения: 75
Зарегистрирован: Сб июл 07, 2018 12:48 am
Откуда: Днепр
Благодарил (а): 45 раз
Поблагодарили: 0

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение vitosmaxim80sad145 » Вс мар 29, 2020 2:08 pm

Divan писал(а):
Сб мар 28, 2020 12:07 am
Выражаю благодарность участнику форума yurat2008 за его интересную идею. Выкладываю.

а где можна взять сценарий для свойства SceneMain.TimeDay
Аватара пользователя
Divan
Сообщения: 496
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 66 раз
Поблагодарили: 126 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Вс мар 29, 2020 9:20 pm

Выкладываю видеоинструкцию, как импортировать сцену Оранжевый бриз, как делать день и ночь, также создал новые иконки, скачать их можете здесь
СпойлерПоказать
Новые кнопки.JPG
Новые кнопки.JPG (42.66 КБ) 615 просмотров
За это сообщение автора Divan поблагодарили (всего 2):
homester (Пн мар 30, 2020 1:12 am) • vitosmaxim80sad145 (Пн мар 30, 2020 8:48 am)
Рейтинг: 2.5%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
maximys
Сообщения: 1
Зарегистрирован: Ср апр 01, 2020 1:26 am
Благодарил (а): 1 раз
Поблагодарили: 0

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение maximys » Ср апр 01, 2020 1:32 am

Я только начинаю вникать в платформу. Взял вашу сцену для освоения, всё по видео сделал. В принципе всё получилось. Не получилось никак настроить Информационный виджет в углу. Не напишите ещё про его настройку?
Ответить