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

[Divan]

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

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

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

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

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

Инструкции

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

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

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

(105.72 КБ) 381 скачивание

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

(302.37 КБ) 322 скачивания

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

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

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

SPOILERSPOILER_SHOW

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

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

SPOILERSPOILER_SHOW

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

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

SPOILERSPOILER_SHOW

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

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

SPOILERSPOILER_SHOW

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

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

SPOILERSPOILER_SHOW

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

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

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

SPOILERSPOILER_SHOW

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

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

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

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

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

SPOILERSPOILER_SHOW

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

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

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

SPOILERSPOILER_SHOW

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

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

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

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

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


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

SPOILERSPOILER_SHOW

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

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

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

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

SPOILERSPOILER_SHOW

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

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

SPOILERSPOILER_SHOW

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

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

SPOILERSPOILER_SHOW

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

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

SPOILERSPOILER_SHOW

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

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

SPOILERSPOILER_SHOW

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

[tarasfrompir]

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

[vitosmaxim80sad145]

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

SPOILERSPOILER_SHOW

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

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

[Divan]

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

[Divan]

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

SPOILERSPOILER_SHOW

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

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

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

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

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

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

SPOILERSPOILER_SHOW

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

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

SPOILERSPOILER_SHOW

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

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

[Logrus]

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

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

[Divan]

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

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

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

SPOILERSPOILER_SHOW

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

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

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

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

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

SPOILERSPOILER_SHOW

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

[Divan]

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

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

SPOILERSPOILER_SHOW

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

[homester]

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

[pasha413]

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

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

SPOILERSPOILER_SHOW

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

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