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

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

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

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

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

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

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

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

Внимание!!! Боковое меню необходимо импортировать отдельно. Файл во вложении.

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



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

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


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

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

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

1) Исправил код для левой боковой кнопки, теперь температура и влажность на одном уровне
СпойлерПоказать
датчики.jpg
датчики.jpg (15.87 КБ) 3393 просмотра
2) Добавил сцену "Комнаты" - это стандартный набор для управления устройствами Yeelight Jiaoyue 650, Xiaomi Curtain Motor, выключатель xiaomi, сетевой фильтр zeoota. Можете посмотреть видео обзор как все это работает - видео во вложении, по ссылке ниже.
СпойлерПоказать
Сцена комната по умолчанию.JPG
Сцена комната по умолчанию.JPG (139.96 КБ) 3393 просмотра
3) Добавил панель информации, можно скрыть\показать панель, нужно нажать на боковую кнопку "Инфо"
СпойлерПоказать
Инфо панель.jpg
Инфо панель.jpg (161.78 КБ) 3393 просмотра
4) При активации сцены появится сообщение об установке темы "Пурпур"
СпойлерПоказать
Сцена главная по умолчанию.JPG
Сцена главная по умолчанию.JPG (184.41 КБ) 3393 просмотра
5) Добавил иконки
СпойлерПоказать
Иконки.JPG
Иконки.JPG (22.6 КБ) 3393 просмотра

Скачать установщик сцены Пурпур, посмотреть видео инструкцию и почитать инструкции можно здесь
Последний раз редактировалось Divan Сб окт 10, 2020 2:58 pm, всего редактировалось 10 раз.
За это сообщение автора 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)
Рейтинг: 12.2%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
tarasfrompir
Сообщения: 3024
Зарегистрирован: Ср мар 02, 2016 8:18 pm
Откуда: Украина Пирятин
Благодарил (а): 197 раз
Поблагодарили: 738 раз

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

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

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

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

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

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

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

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

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

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

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

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

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

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.22%
Мой CONNECT | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо - ТАМ =>
Аватара пользователя
Divan
Сообщения: 816
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 109 раз
Поблагодарили: 242 раза

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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