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

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

Добавлено: Ср фев 04, 2015 1:41 pm
sergejey
Немного расскажу про типовые элементы сцен и их стили.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изображение

Изображение

Изображение

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

Добавлено: Ср фев 04, 2015 3:48 pm
Bagir
Ух клёва! Пошёл изучать ) Второй скрин особенно заинтересовал.

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

Добавлено: Ср фев 04, 2015 5:37 pm
Smolalex
Спасибо Сергей огромное. А то приходилось иконки прописывать

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

Добавлено: Ср фев 04, 2015 6:26 pm
Vit
Клёво!

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

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

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

Добавлено: Ср фев 04, 2015 10:46 pm
Smolalex
Сергей, а можно ли в качестве картинок для стилей, например кнопок использовать gif анированные. мне нравится когда не просто изображение.
Сейчас я использую на сценах элемент Image в качестве ВЫКЛЮЧАТЕЛЕЙ где использую именно эти анимированные gif. В интернете полно приятных анимированных смайлов.
Анимированные картинки использую также для индикации погоды. Анимированный снег, дождь. Погода этой зимой позволяет наслаждаться наложением дождя на снег.

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

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

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

Добавлено: Чт фев 05, 2015 12:52 am
Bagir
Основная беда заключается в том, что если выложить в ветке что то интересненькое, то в потоке переписки это все теряется. А создавать новую тему порой нет необходимости.
Как одно из решений этой задачи - писать на сайте wiki и делать ссылки на свое сообщение.

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

Добавлено: Пт фев 06, 2015 10:20 am
ILGAS
Изображение
Изображение
Изображение
Сергей, а где взять иконки?

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

Добавлено: Пт фев 06, 2015 10:27 am
ILGAS
ILGAS писал(а):
Изображение
Изображение
Изображение
Сергей, а где взять иконки?

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