[Дизайн] Сцена "Пурпур"

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

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

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

[Дизайн] Сцена "Пурпур"

Сообщение Divan » Ср апр 01, 2020 4:43 pm

Наконец-то создал сцену Пурпур. Выкладываю. Данную сцену можно настроить под себя, у нее имеется своя панель настроек, где Вы можете настроить цвет кнопок, прозрачность, тип, размер, стиль и цвет шрифта, настроить цвет активности в помещении, цвет боковых полосок. Пин код также настраивается. Сейчас стоит стандартный пароль, а вы можете изменить его на свой, в классе Пин код. Также есть сценарии "Настройки по умолчанию", эту нужно, если вы изменили стиль и решили вернуть исходный стиль. Не стал встраивать класс Timer, так как у вас там могут быть свои настройки и поэтому я решил это вложить в сценарии. Если у вас это не настроено, то нужно в классе Time создать объект "Day" и "Month" и вставить код из сценария "onNewDay" и "onNewMonth". Для работы погоды, должен быть установлен модуль Яндекс погода.

Посмотреть демонстрационное видео можно здесь
Как установить сцену? - смотрим здесь

Внимание!!! Боковое меню необходимо импортировать отдельно. Файл во вложении.
Инструкции
Общий вид сцены после активации
СпойлерПоказать
Общий вид после активации и без названии кнопок.JPG
Общий вид после активации и без названии кнопок.JPG (115.45 КБ) 9024 просмотра
В меню необходимо выбрать тип отображения кнопки Иконка или Фоновое изображение
СпойлерПоказать
Выбрать тип отображения кнопки.jpg
Выбрать тип отображения кнопки.jpg (73.61 КБ) 9024 просмотра
Вид кнопок, если выбрали Иконки
СпойлерПоказать
Общий вид с иконками.JPG
Общий вид с иконками.JPG (131.88 КБ) 9024 просмотра
Вид кнопок, если выбрали Фоновое изображение
СпойлерПоказать
Общий вид с картинками в фоне.JPG
Общий вид с картинками в фоне.JPG (151.24 КБ) 9024 просмотра



Здесь вы указываете свой пин код
СпойлерПоказать
Класс пин код.JPG
Класс пин код.JPG (15.54 КБ) 9739 просмотров
Указываем пин код.jpg
Указываем пин код.jpg (150.97 КБ) 9739 просмотров
Кнопки многофункциональные и по умолчанию пустые.
СпойлерПоказать
Структура кнопки
Структура кнопки.JPG
Структура кнопки.JPG (22.18 КБ) 9739 просмотров
Кнопка со всеми иконками
Кнопка с иконками.JPG
Кнопка с иконками.JPG (16.32 КБ) 9739 просмотров
По желанию можно задействовать информационные иконки, достаточно в свойстве Icon01-10. Название иконок можете узнать в папке "Иконки статусы на кнопке" во вложении. Вам нужно на своем объекте создать метод, чтобы при сработке, в объекте "Button01.Icon01", например выставлял значения "HumidifierOn (если 1)" или "HumidifierOff (если 0)". Допустим у вас есть класс "лампа" и метод turnOn. В методе turnOn объекта лампа вставляете код, который установит "Button01.Icon01 - HumidifierOn, а turnOff установит "Button01.Icon01 - HumidifierOff.
СпойлерПоказать
Вписываем название иконок.jpg
Вписываем название иконок.jpg (32.9 КБ) 9739 просмотров
Значки влажности, температуры и лампочка автоматически активируются, если у них появится значение.

RGB индикатор отображает цвет, которую устанавливает ваша RGB люстра, лампа, диодная лента
СпойлерПоказать
К этой строке нужно сделать линк от вашей RGB лампы
RGB индикатор - код.JPG
RGB индикатор - код.JPG (13.2 КБ) 9739 просмотров
Так будет выглядеть отображение RGB цвета
Отображение RGB индикатора.jpg
Отображение RGB индикатора.jpg (8.17 КБ) 9739 просмотров
Вы можете кнопкам назначить следующие имена. При желании Вы можете добавить свои иконки и присвоить им имена. Позже выложу инструкцию, как это делать.
Админ
Инфо
Домой
Радио
Климат
Медиа
Карта
Меню
Уборка
Камера
Гостиная
Спальня
Спальня-1
Спальня-2
Туалет
Кухня
Ванная
Комнаты


Если решили убрать назначенные информационные иконки, то необходимо в свойство вставить название иконки-пустышку NoImages или просто убрать название иконки из свойства
Button01 - 11.Icon01 - 12.
Button01 - 07.IconTemperature
Button01 - 07.IconLighting
Button01 - 07.IconHumidity
СпойлерПоказать
Убираем иконки.jpg
Убираем иконки.jpg (96.22 КБ) 9629 просмотров

Обновление темы "Пурпур" от 16.04.2020

Что обновлено?

1) Исправил код для левой боковой кнопки, теперь температура и влажность на одном уровне
СпойлерПоказать
датчики.jpg
датчики.jpg (15.87 КБ) 9241 просмотр
2) Добавил сцену "Комнаты" - это стандартный набор для управления устройствами Yeelight Jiaoyue 650, Xiaomi Curtain Motor, выключатель xiaomi, сетевой фильтр zeoota. Можете посмотреть видео обзор как все это работает - видео во вложении, по ссылке ниже.
СпойлерПоказать
Сцена комната по умолчанию.JPG
Сцена комната по умолчанию.JPG (139.96 КБ) 9241 просмотр
3) Добавил панель информации, можно скрыть\показать панель, нужно нажать на боковую кнопку "Инфо"
СпойлерПоказать
Инфо панель.jpg
Инфо панель.jpg (161.78 КБ) 9241 просмотр
4) При активации сцены появится сообщение об установке темы "Пурпур"
СпойлерПоказать
Сцена главная по умолчанию.JPG
Сцена главная по умолчанию.JPG (184.41 КБ) 9241 просмотр
5) Добавил иконки
СпойлерПоказать
Иконки.JPG
Иконки.JPG (22.6 КБ) 9241 просмотр
Последний раз редактировалось Divan Вт сен 21, 2021 5:06 am, всего редактировалось 13 раз.
За это сообщение автора Divan поблагодарили (всего 10):
tarasfrompir (Ср апр 01, 2020 4:48 pm) • homester (Ср апр 01, 2020 5:15 pm) • Nail (Ср апр 01, 2020 6:26 pm) • vitosmaxim80sad145 (Ср апр 01, 2020 7:40 pm) • gans (Сб апр 04, 2020 8:13 am) • pasha413 (Вс апр 05, 2020 9:35 pm) • chief (Пн апр 20, 2020 11:50 pm) • andrey040670 (Пн май 18, 2020 3:02 pm) • Ilfat (Сб окт 17, 2020 11:50 pm) • Sergey1968 (Вс ноя 08, 2020 11:17 pm)
Рейтинг: 11.63%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
tarasfrompir
Сообщения: 3216
Зарегистрирован: Ср мар 02, 2016 8:18 pm
Откуда: Украина Пирятин
Благодарил (а): 223 раза
Поблагодарили: 815 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение tarasfrompir » Ср апр 01, 2020 4:49 pm

Вот что с людьми карантин делает... :shock: :shock: :shock:
За это сообщение автора tarasfrompir поблагодарил:
Samir77 (Чт апр 09, 2020 11:44 am)
Рейтинг: 1.16%
Спасибо нам ПОМОЖЕТ..!
Аватара пользователя
vitosmaxim80sad145
Сообщения: 148
Зарегистрирован: Сб июл 07, 2018 12:48 am
Откуда: Днепр
Благодарил (а): 100 раз
Поблагодарили: 1 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение vitosmaxim80sad145 » Ср апр 01, 2020 7:44 pm

Divan писал(а):
Ср апр 01, 2020 4:43 pm
Сейчас ведется работа над этой сцены. Все значки готовы. Осталось все это перенести в mjdm. Скоро выложу.
СпойлерПоказать
Скриншот главное меню.JPG
Скриншот меню.JPG
Управление.JPG
Да красиво Спасибо за работу .Но ето все главные темы , а будут сцены настроек карт и т д в этом стиле ?
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Divan » Ср апр 01, 2020 8:12 pm

Пишите свои хотелки касаемо данной темы, может родим интересную идею. Будем совместными усилиями развивать все темы и разумеется мне потребуется помощь в плане кода, если я сам не смогу это сделать. Имейте ввиду, что я не программист и мои возможности в плане кода ограничены.
Последний раз редактировалось Divan Сб апр 04, 2020 3:24 am, всего редактировалось 1 раз.
За это сообщение автора Divan поблагодарил:
Logrus (Чт апр 02, 2020 2:51 am)
Рейтинг: 1.16%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Divan » Чт апр 02, 2020 2:27 am

Сделал функциональный виджет погоды: время суток + фаза луны + погода + восход и закат = все в одном. Все это векторная графика. Работа продолжается.

СпойлерПоказать
Главная страница 1.JPG
Главная страница 1.JPG (131.88 КБ) 10271 просмотр
Главная страница 2.JPG
Главная страница 2.JPG (127.63 КБ) 10271 просмотр
Главная страница 3.JPG
Главная страница 3.JPG (126.52 КБ) 10271 просмотр
Главная страница 4.JPG
Главная страница 4.JPG (125.86 КБ) 10271 просмотр
Главная страница 5.JPG
Главная страница 5.JPG (125.09 КБ) 10271 просмотр
Так выглядит фаза луны
СпойлерПоказать
Фаза луны.JPG
Фаза луны.JPG (45.7 КБ) 10271 просмотр
Вид на планшете
СпойлерПоказать
Вид на планшете - главное сцена.jpg
Вид на планшете - главное сцена.jpg (4.82 МБ) 10261 просмотр
Вид на планшете - меню.jpg
Вид на планшете - меню.jpg (4.69 МБ) 10261 просмотр
Последний раз редактировалось Divan Чт апр 02, 2020 3:00 am, всего редактировалось 1 раз.
За это сообщение автора Divan поблагодарили (всего 2):
homester (Чт апр 02, 2020 4:55 am) • buba911 (Вс апр 05, 2020 11:30 pm)
Рейтинг: 2.33%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Logrus
Сообщения: 2079
Зарегистрирован: Пт апр 07, 2017 12:20 pm
Благодарил (а): 313 раз
Поблагодарили: 457 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Logrus » Чт апр 02, 2020 2:54 am

Divan писал(а):
Ср апр 01, 2020 8:12 pm
Пишите свои хотелки мне в личку, набросайте свое видение на бумаге как хотели бы видеть, я попробую все это реализовать и выложить, но мне потребуется и ваша помощь в плане кода, если я сам не смогу это сделать. Имейте ввиду, что я не программист и мои возможности в плане кода ограничены.
вот уже что-то более менее ...
осталось нормальный пак сделать и вообще все отлично будет
https://connect.smartliving.ru/profile/ ... menyu.html
п.с. продумать еще классы юзерс, девайс, радио, календарь, тодо и подобное
За это сообщение автора Logrus поблагодарил:
Divan (Чт апр 02, 2020 3:27 am)
Рейтинг: 1.16%
Telegram | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7, флешка 16 Гб работает с 10.09.2017
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Divan » Сб апр 04, 2020 3:48 am

Работа продолжается и наконец-то создал информационную кнопку. Но ее еще нужно доработать в плане кода.

Например, левая зеленая полоска означает:

Зеленый цвет - в помещении есть активность
Серый цвет - в помещении нет активности
Овал, это отображение RGB освещения, если есть
СпойлерПоказать
Снимок5.JPG
Снимок5.JPG (15.25 КБ) 10116 просмотров
Снимок.JPG
Снимок.JPG (29.74 КБ) 10116 просмотров
Снимок2.JPG
Снимок2.JPG (33.74 КБ) 10116 просмотров
Снимок3.JPG
Снимок3.JPG (26.33 КБ) 10116 просмотров
Остальные значки будут меняться и размещаться вами, достаточно в свойстве комнаты вставить название иконки, таких свойств 10 штук. Это удобно тем, что закинув любой нужный вам значок в папку с иконками, а в свойстве достаточно просто указать название иконки и оно появится. Лампочка тоже меняет свет, если включено или выключено.
СпойлерПоказать
Снимок4.JPG
Снимок4.JPG (55.12 КБ) 10116 просмотров
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Divan » Вс апр 05, 2020 12:29 am

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

Так выглядит на планшете
СпойлерПоказать
Вид на планшете.jpeg
Вид на планшете.jpeg (144.98 КБ) 10009 просмотров
За это сообщение автора Divan поблагодарили (всего 2):
homester (Вс апр 05, 2020 12:53 am) • pasha413 (Вс апр 05, 2020 9:35 pm)
Рейтинг: 2.33%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
homester
Сообщения: 194
Зарегистрирован: Вт дек 24, 2019 2:09 pm
Благодарил (а): 112 раз
Поблагодарили: 34 раза

Re: [Дизайн] Сцена "Пурпур"

Сообщение homester » Вс апр 05, 2020 4:39 am

А не рассматривали Вы вариант сцены окно в окне? То-есть на экране сцена меню, в этой сцене, окно в котором отображаются сцены выбранных комнат, настроек и т.д. Я сколько не бился, ничего не вышло. Вариант с контейнерами меня не устроил, слишком "тажЕлой " получается сцена. :roll:
Raspberry Pi3 B+, v4.44, внешняя з/к
pasha413
Сообщения: 131
Зарегистрирован: Сб янв 13, 2018 6:28 pm
Благодарил (а): 34 раза
Поблагодарили: 4 раза

Re: [Дизайн] Сцена "Пурпур"

Сообщение pasha413 » Вс апр 05, 2020 9:35 pm

Divan писал(а):
Вс апр 05, 2020 12:29 am
Вот что получилось, но работа продолжается. Хочу сделать так, чтобы настройка сцены была в отдельной странице, не залезая в панель управления мажорика, чтобы не лезли в сам код. Сам вряд ли так сделаю, может, кто заинтересуется данной темой, поможет мне реализовать это.

Так выглядит на планшете
СпойлерПоказать
Вид на планшете.jpeg
красиво получается! Круто придумали сворачивающиеся окна помещений!) А количество можно будет редактировать?
Моё: Orange Pi Zero H2 + DietPi / Paspberry Pi3b + MJD 3.41
Ответить