стили для элементов сцен

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модератор: immortal

Аватара пользователя
sergejey
Site Admin
Сообщения: 4284
Зарегистрирован: Пн сен 05, 2011 6:48 pm
Откуда: Минск, Беларусь
Благодарил (а): 75 раз
Поблагодарили: 1559 раз
Контактная информация:

стили для элементов сцен

Сообщение sergejey » Ср фев 04, 2015 1:41 pm

Немного расскажу про типовые элементы сцен и их стили.

Итак, при добавлении элемента в сцену сейчас есть возможность выбрать один из предустановленных типов
Изображение

Раньше было только Изображение и HTML -- на них останавливаться не буду, работают они так же как и раньше.

Из новых элементов:

Контейнер -- позволяет определять область на сцене, внутрь которой могут быть помещены другие элементы, при этом позиционирование их идёт либо от левого верхнего угла контейнера (абсолютное) либо они идут друг за другом в соответствии с приоритетом. Таким образом, меняя координаты контейнера можно перемещать группы элементов по сцене без необходимости менять координаты каждого по отдельности.

Информер -- используется для вывода параметров типа температура, влажность, освещённость и т.п. При создании можно сразу выбрать связанное свойство и тогда будут созданы соответствующие состояния: обычное, выше максимума (опционально), ниже минимума (опционально). Так же можно задать единицу измерения, она выводится после цифрового значения.

Выключатель -- используется для переключения значения связанного свойства. При создании оно будет записано в условие отображения двух состояний (on/off), а так же будут сразу прописаны методы turnOn, turnOff по клику на соответствующее состояние.

Уведомление -- элемент, который показывается только в том случае, если связанное свойство равно 1. Обычно используется для вывода события датчика движения.

Индикатор режима -- по сути практически тоже самое, что выключатель, только имеет свой набор иконок, а так же для включения/выключения прописывается метод activate/deactivate

Кнопка -- элемент, активирующий какой-то метод объекта

Нав. ссылка -- элемент, предназначенный для перехода на какую-то страницу либо открытие какого-либо окна

После создания любого из элементов можно выбрать его стиль. Стиль представлен в виде иконки. Набор доступных стилей определяется файлами иконок, которые расположены в под-папках папки /cms/scenes/styles/.

Например, стили кнопок определяются следующими файлами:
Изображение

Если положить туда ещё png-картинки, то они будут так же доступны в качестве позиций стилей.

Ещё пример картинок для информеров:
Изображение

Здесь видно, что есть картинки с окончанием _hi и _lo -- если они есть (т.е. они не обязательны), то будут использоваться для состояния превышения или занижения показаний наряду с основной картинкой.

Аналогично можно посмотреть и для других элементов -- в папках для примеров есть картинки.

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

При правильном использовании этого инструмента можно с минимальными затратами времени создавать интерфейсы подобные этому:

Изображение

Изображение

Изображение
За это сообщение автора sergejey поблагодарили (всего 18):
Supermin (Ср фев 04, 2015 5:27 pm) • Vit (Ср фев 04, 2015 9:13 pm) • savenko_egor (Чт фев 05, 2015 7:17 am) • ErmolenkoM (Чт фев 05, 2015 7:38 pm) • mirsum (Чт фев 05, 2015 8:54 pm) • Amarok (Пн фев 09, 2015 5:15 am) • shemnik69 (Вт фев 10, 2015 8:50 am) • Bagir (Чт фев 12, 2015 1:10 am) • layet (Сб фев 14, 2015 4:56 am) • skysilver (Ср мар 11, 2015 4:56 pm) и ещё 8
Рейтинг: 20.93%

Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
Аватара пользователя
Bagir
Сообщения: 1613
Зарегистрирован: Вт сен 17, 2013 6:46 pm
Откуда: Ярославская область город Углич
Благодарил (а): 212 раз
Поблагодарили: 374 раза

Re: стили для элементов сцен

Сообщение Bagir » Ср фев 04, 2015 3:48 pm

Ух клёва! Пошёл изучать ) Второй скрин особенно заинтересовал.
Windows 10, HTTP, MegaD, Z-Wave, 1-Wire, CONNECT
Smolalex
Сообщения: 110
Зарегистрирован: Вт апр 29, 2014 9:16 pm
Благодарил (а): 7 раз
Поблагодарили: 13 раз

Re: стили для элементов сцен

Сообщение Smolalex » Ср фев 04, 2015 5:37 pm

Спасибо Сергей огромное. А то приходилось иконки прописывать
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 78 раз

Re: стили для элементов сцен

Сообщение Vit » Ср фев 04, 2015 6:26 pm

Клёво!
Smolalex
Сообщения: 110
Зарегистрирован: Вт апр 29, 2014 9:16 pm
Благодарил (а): 7 раз
Поблагодарили: 13 раз

Re: стили для элементов сцен

Сообщение Smolalex » Ср фев 04, 2015 10:25 pm

Сергей, у меня предложение. Сделать возможность энтузиастов выкладывать свои скрипншоты либо avi, или другие видеофайлы демонстрации своих интерфейсов, меню, сцен....Может быть сделать это ссылками в разделе Скриншоты на главной странице.
Еще предложение. Опять для энтузиастов. Сделать возможность выкладывать полный дистрибутив своих умных домов (Majordomo.zip), которые будут инсталироваться как альтернативные в альтернативую базу данных, альтернативные директории.... Таким образом пользователь может установить и посмотреть готовый продукт. Назовем это Demo. Но этих Demo может быть много. Надеюсь понятно объявил.
Smolalex
Сообщения: 110
Зарегистрирован: Вт апр 29, 2014 9:16 pm
Благодарил (а): 7 раз
Поблагодарили: 13 раз

Re: стили для элементов сцен

Сообщение Smolalex » Ср фев 04, 2015 10:46 pm

Сергей, а можно ли в качестве картинок для стилей, например кнопок использовать gif анированные. мне нравится когда не просто изображение.
Сейчас я использую на сценах элемент Image в качестве ВЫКЛЮЧАТЕЛЕЙ где использую именно эти анимированные gif. В интернете полно приятных анимированных смайлов.
Анимированные картинки использую также для индикации погоды. Анимированный снег, дождь. Погода этой зимой позволяет наслаждаться наложением дождя на снег.
За это сообщение автора Smolalex поблагодарил:
lanket (Вс дек 13, 2015 2:06 am)
Рейтинг: 1.16%
Аватара пользователя
sergejey
Site Admin
Сообщения: 4284
Зарегистрирован: Пн сен 05, 2011 6:48 pm
Откуда: Минск, Беларусь
Благодарил (а): 75 раз
Поблагодарили: 1559 раз
Контактная информация:

Re: стили для элементов сцен

Сообщение sergejey » Ср фев 04, 2015 10:46 pm

Smolalex писал(а):Сергей, у меня предложение. Сделать возможность энтузиастов выкладывать свои скрипншоты либо avi, или другие видеофайлы демонстрации своих интерфейсов, меню, сцен....Может быть сделать это ссылками в разделе Скриншоты на главной странице.
Еще предложение. Опять для энтузиастов. Сделать возможность выкладывать полный дистрибутив своих умных домов (Majordomo.zip), которые будут инсталироваться как альтернативные в альтернативую базу данных, альтернативные директории.... Таким образом пользователь может установить и посмотреть готовый продукт. Назовем это Demo. Но этих Demo может быть много. Надеюсь понятно объявил.
Не вижу никаких проблем -- можно заводить ветки на форуме и поддерживать свои полные дистрибутивы. Аналогично со скриншотами и видео -- либо на форуме либо на самом сайте, он же на движке wiki сделан и любой может создавать или редактировать страницы.

Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
Аватара пользователя
Bagir
Сообщения: 1613
Зарегистрирован: Вт сен 17, 2013 6:46 pm
Откуда: Ярославская область город Углич
Благодарил (а): 212 раз
Поблагодарили: 374 раза

Re: стили для элементов сцен

Сообщение Bagir » Чт фев 05, 2015 12:52 am

Основная беда заключается в том, что если выложить в ветке что то интересненькое, то в потоке переписки это все теряется. А создавать новую тему порой нет необходимости.
Как одно из решений этой задачи - писать на сайте wiki и делать ссылки на свое сообщение.
Windows 10, HTTP, MegaD, Z-Wave, 1-Wire, CONNECT
ILGAS
Сообщения: 366
Зарегистрирован: Пт июл 26, 2013 4:11 pm
Благодарил (а): 71 раз
Поблагодарили: 18 раз

Re: стили для элементов сцен

Сообщение ILGAS » Пт фев 06, 2015 10:20 am

Изображение
Изображение
Изображение
Сергей, а где взять иконки?
ILGAS
Сообщения: 366
Зарегистрирован: Пт июл 26, 2013 4:11 pm
Благодарил (а): 71 раз
Поблагодарили: 18 раз

Re: стили для элементов сцен

Сообщение ILGAS » Пт фев 06, 2015 10:27 am

ILGAS писал(а):
Изображение
Изображение
Изображение
Сергей, а где взять иконки?

извиняюсь. обновился и нашел.
Ответить