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

[Divan]

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

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

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

Боковое меню Настройка темы пурпур.zip

(7.34 КБ) 689 скачиваний

Инструкции

Как передать значения для системных значков.pdf

(156.47 КБ) 215 скачиваний

Как передать значения датчика температуры в тему Пурпур.pdf

(105.72 КБ) 202 скачивания

Как передать значения датчика движения в тему Пурпур.pdf

(302.37 КБ) 167 скачиваний

Как передать значения датчика влажности в тему Пурпур.pdf

(94.14 КБ) 199 скачиваний

Общий вид сцены после активации

СпойлерПоказать

Общий вид после активации и без названии кнопок.JPG (115.45 КБ) 12828 просмотров

В меню необходимо выбрать тип отображения кнопки Иконка или Фоновое изображение

СпойлерПоказать

Выбрать тип отображения кнопки.jpg (73.61 КБ) 12828 просмотров

Вид кнопок, если выбрали Иконки

СпойлерПоказать

Общий вид с иконками.JPG (131.88 КБ) 12828 просмотров

Вид кнопок, если выбрали Фоновое изображение

СпойлерПоказать

Общий вид с картинками в фоне.JPG (151.24 КБ) 12828 просмотров

Здесь вы указываете свой пин код

СпойлерПоказать

Класс пин код.JPG (15.54 КБ) 13543 просмотра

Указываем пин код.jpg (150.97 КБ) 13543 просмотра

Кнопки многофункциональные и по умолчанию пустые.

СпойлерПоказать

Структура кнопки

Структура кнопки.JPG (22.18 КБ) 13543 просмотра

Кнопка со всеми иконками

Кнопка с иконками.JPG (16.32 КБ) 13543 просмотра

По желанию можно задействовать информационные иконки, достаточно в свойстве Icon01-10. Название иконок можете узнать в папке "Иконки статусы на кнопке" во вложении. Вам нужно на своем объекте создать метод, чтобы при сработке, в объекте "Button01.Icon01", например выставлял значения "HumidifierOn (если 1)" или "HumidifierOff (если 0)". Допустим у вас есть класс "лампа" и метод turnOn. В методе turnOn объекта лампа вставляете код, который установит "Button01.Icon01 - HumidifierOn, а turnOff установит "Button01.Icon01 - HumidifierOff.

СпойлерПоказать

Вписываем название иконок.jpg (32.9 КБ) 13543 просмотра

Значки влажности, температуры и лампочка автоматически активируются, если у них появится значение.

RGB индикатор отображает цвет, которую устанавливает ваша RGB люстра, лампа, диодная лента

СпойлерПоказать

К этой строке нужно сделать линк от вашей RGB лампы

RGB индикатор - код.JPG (13.2 КБ) 13543 просмотра

Так будет выглядеть отображение RGB цвета

Отображение RGB индикатора.jpg (8.17 КБ) 13543 просмотра

Вы можете кнопкам назначить следующие имена. При желании Вы можете добавить свои иконки и присвоить им имена. Позже выложу инструкцию, как это делать.
Админ
Инфо
Домой
Радио
Климат
Медиа
Карта
Меню
Уборка
Камера
Гостиная
Спальня
Спальня-1
Спальня-2
Туалет
Кухня
Ванная
Комнаты


Если решили убрать назначенные информационные иконки, то необходимо в свойство вставить название иконки-пустышку NoImages или просто убрать название иконки из свойства
Button01 - 11.Icon01 - 12.
Button01 - 07.IconTemperature
Button01 - 07.IconLighting
Button01 - 07.IconHumidity

СпойлерПоказать

Убираем иконки.jpg (96.22 КБ) 13433 просмотра

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

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

1) Исправил код для левой боковой кнопки, теперь температура и влажность на одном уровне

СпойлерПоказать

датчики.jpg (15.87 КБ) 13045 просмотров

2) Добавил сцену "Комнаты" - это стандартный набор для управления устройствами Yeelight Jiaoyue 650, Xiaomi Curtain Motor, выключатель xiaomi, сетевой фильтр zeoota. Можете посмотреть видео обзор как все это работает - видео во вложении, по ссылке ниже.

СпойлерПоказать

Сцена комната по умолчанию.JPG (139.96 КБ) 13045 просмотров

3) Добавил панель информации, можно скрыть\показать панель, нужно нажать на боковую кнопку "Инфо"

СпойлерПоказать

Инфо панель.jpg (161.78 КБ) 13045 просмотров

4) При активации сцены появится сообщение об установке темы "Пурпур"

СпойлерПоказать

Сцена главная по умолчанию.JPG (184.41 КБ) 13045 просмотров

5) Добавил иконки

СпойлерПоказать

Иконки.JPG (22.6 КБ) 13045 просмотров

[tarasfrompir]

Вот что с людьми карантин делает...

[vitosmaxim80sad145]

Сейчас ведется работа над этой сцены. Все значки готовы. Осталось все это перенести в mjdm. Скоро выложу.

СпойлерПоказать

Скриншот главное меню.JPG
Скриншот меню.JPG
Управление.JPG

Да красиво Спасибо за работу .Но ето все главные темы , а будут сцены настроек карт и т д в этом стиле ?

[Divan]

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

[Divan]

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

СпойлерПоказать

Главная страница 1.JPG (131.88 КБ) 14075 просмотров

Главная страница 2.JPG (127.63 КБ) 14075 просмотров

Главная страница 3.JPG (126.52 КБ) 14075 просмотров

Главная страница 4.JPG (125.86 КБ) 14075 просмотров

Главная страница 5.JPG (125.09 КБ) 14075 просмотров

Так выглядит фаза луны

СпойлерПоказать

Фаза луны.JPG (45.7 КБ) 14075 просмотров

Вид на планшете

СпойлерПоказать

Вид на планшете - главное сцена.jpg (4.82 МБ) 14065 просмотров

Вид на планшете - меню.jpg (4.69 МБ) 14065 просмотров

[Logrus]

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

вот уже что-то более менее ...
осталось нормальный пак сделать и вообще все отлично будет
https://connect.smartliving.ru/profile/ ... menyu.html
п.с. продумать еще классы юзерс, девайс, радио, календарь, тодо и подобное

[Divan]

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

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

Зеленый цвет - в помещении есть активность
Серый цвет - в помещении нет активности
Овал, это отображение RGB освещения, если есть

СпойлерПоказать

Снимок5.JPG (15.25 КБ) 13920 просмотров

Снимок.JPG (29.74 КБ) 13920 просмотров

Снимок2.JPG (33.74 КБ) 13920 просмотров

Снимок3.JPG (26.33 КБ) 13920 просмотров

Остальные значки будут меняться и размещаться вами, достаточно в свойстве комнаты вставить название иконки, таких свойств 10 штук. Это удобно тем, что закинув любой нужный вам значок в папку с иконками, а в свойстве достаточно просто указать название иконки и оно появится. Лампочка тоже меняет свет, если включено или выключено.

СпойлерПоказать

Снимок4.JPG (55.12 КБ) 13920 просмотров

[Divan]

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

Так выглядит на планшете

СпойлерПоказать

Вид на планшете.jpeg (144.98 КБ) 13813 просмотров

[homester]

А не рассматривали Вы вариант сцены окно в окне? То-есть на экране сцена меню, в этой сцене, окно в котором отображаются сцены выбранных комнат, настроек и т.д. Я сколько не бился, ничего не вышло. Вариант с контейнерами меня не устроил, слишком "тажЕлой " получается сцена.

[pasha413]

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

Так выглядит на планшете

СпойлерПоказать

Вид на планшете.jpeg

красиво получается! Круто придумали сворачивающиеся окна помещений!) А количество можно будет редактировать?