Страница 1 из 15

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

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

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

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



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

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


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

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

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

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

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

Добавлено: Ср апр 01, 2020 4:49 pm
tarasfrompir
Вот что с людьми карантин делает... :shock: :shock: :shock:

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

Добавлено: Ср апр 01, 2020 7:44 pm
vitosmaxim80sad145
Divan писал(а):
Ср апр 01, 2020 4:43 pm
Сейчас ведется работа над этой сцены. Все значки готовы. Осталось все это перенести в mjdm. Скоро выложу.
СпойлерПоказать
Скриншот главное меню.JPG
Скриншот меню.JPG
Управление.JPG
Да красиво Спасибо за работу .Но ето все главные темы , а будут сцены настроек карт и т д в этом стиле ?

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

Добавлено: Ср апр 01, 2020 8:12 pm
Divan
Пишите свои хотелки касаемо данной темы, может родим интересную идею. Будем совместными усилиями развивать все темы и разумеется мне потребуется помощь в плане кода, если я сам не смогу это сделать. Имейте ввиду, что я не программист и мои возможности в плане кода ограничены.

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

Добавлено: Чт апр 02, 2020 2:27 am
Divan
Сделал функциональный виджет погоды: время суток + фаза луны + погода + восход и закат = все в одном. Все это векторная графика. Работа продолжается.

СпойлерПоказать
Главная страница 1.JPG
Главная страница 1.JPG (131.88 КБ) 10732 просмотра
Главная страница 2.JPG
Главная страница 2.JPG (127.63 КБ) 10732 просмотра
Главная страница 3.JPG
Главная страница 3.JPG (126.52 КБ) 10732 просмотра
Главная страница 4.JPG
Главная страница 4.JPG (125.86 КБ) 10732 просмотра
Главная страница 5.JPG
Главная страница 5.JPG (125.09 КБ) 10732 просмотра
Так выглядит фаза луны
СпойлерПоказать
Фаза луны.JPG
Фаза луны.JPG (45.7 КБ) 10732 просмотра
Вид на планшете
СпойлерПоказать
Вид на планшете - главное сцена.jpg
Вид на планшете - главное сцена.jpg (4.82 МБ) 10722 просмотра
Вид на планшете - меню.jpg
Вид на планшете - меню.jpg (4.69 МБ) 10722 просмотра

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

Добавлено: Чт апр 02, 2020 2:54 am
Logrus
Divan писал(а):
Ср апр 01, 2020 8:12 pm
Пишите свои хотелки мне в личку, набросайте свое видение на бумаге как хотели бы видеть, я попробую все это реализовать и выложить, но мне потребуется и ваша помощь в плане кода, если я сам не смогу это сделать. Имейте ввиду, что я не программист и мои возможности в плане кода ограничены.
вот уже что-то более менее ...
осталось нормальный пак сделать и вообще все отлично будет
https://connect.smartliving.ru/profile/ ... menyu.html
п.с. продумать еще классы юзерс, девайс, радио, календарь, тодо и подобное

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

Добавлено: Сб апр 04, 2020 3:48 am
Divan
Работа продолжается и наконец-то создал информационную кнопку. Но ее еще нужно доработать в плане кода.

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

Зеленый цвет - в помещении есть активность
Серый цвет - в помещении нет активности
Овал, это отображение RGB освещения, если есть
СпойлерПоказать
Снимок5.JPG
Снимок5.JPG (15.25 КБ) 10577 просмотров
Снимок.JPG
Снимок.JPG (29.74 КБ) 10577 просмотров
Снимок2.JPG
Снимок2.JPG (33.74 КБ) 10577 просмотров
Снимок3.JPG
Снимок3.JPG (26.33 КБ) 10577 просмотров
Остальные значки будут меняться и размещаться вами, достаточно в свойстве комнаты вставить название иконки, таких свойств 10 штук. Это удобно тем, что закинув любой нужный вам значок в папку с иконками, а в свойстве достаточно просто указать название иконки и оно появится. Лампочка тоже меняет свет, если включено или выключено.
СпойлерПоказать
Снимок4.JPG
Снимок4.JPG (55.12 КБ) 10577 просмотров

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

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

Так выглядит на планшете
СпойлерПоказать
Вид на планшете.jpeg
Вид на планшете.jpeg (144.98 КБ) 10470 просмотров

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

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

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

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

Так выглядит на планшете
СпойлерПоказать
Вид на планшете.jpeg
красиво получается! Круто придумали сворачивающиеся окна помещений!) А количество можно будет редактировать?