стили для элементов сцен
Модератор: immortal
- sergejey
- Site Admin
- Сообщения: 4284
- Зарегистрирован: Пн сен 05, 2011 6:48 pm
- Откуда: Минск, Беларусь
- Благодарил (а): 75 раз
- Поблагодарили: 1559 раз
- Контактная информация:
стили для элементов сцен
Немного расскажу про типовые элементы сцен и их стили.
Итак, при добавлении элемента в сцену сейчас есть возможность выбрать один из предустановленных типов
Раньше было только Изображение и HTML -- на них останавливаться не буду, работают они так же как и раньше.
Из новых элементов:
Контейнер -- позволяет определять область на сцене, внутрь которой могут быть помещены другие элементы, при этом позиционирование их идёт либо от левого верхнего угла контейнера (абсолютное) либо они идут друг за другом в соответствии с приоритетом. Таким образом, меняя координаты контейнера можно перемещать группы элементов по сцене без необходимости менять координаты каждого по отдельности.
Информер -- используется для вывода параметров типа температура, влажность, освещённость и т.п. При создании можно сразу выбрать связанное свойство и тогда будут созданы соответствующие состояния: обычное, выше максимума (опционально), ниже минимума (опционально). Так же можно задать единицу измерения, она выводится после цифрового значения.
Выключатель -- используется для переключения значения связанного свойства. При создании оно будет записано в условие отображения двух состояний (on/off), а так же будут сразу прописаны методы turnOn, turnOff по клику на соответствующее состояние.
Уведомление -- элемент, который показывается только в том случае, если связанное свойство равно 1. Обычно используется для вывода события датчика движения.
Индикатор режима -- по сути практически тоже самое, что выключатель, только имеет свой набор иконок, а так же для включения/выключения прописывается метод activate/deactivate
Кнопка -- элемент, активирующий какой-то метод объекта
Нав. ссылка -- элемент, предназначенный для перехода на какую-то страницу либо открытие какого-либо окна
После создания любого из элементов можно выбрать его стиль. Стиль представлен в виде иконки. Набор доступных стилей определяется файлами иконок, которые расположены в под-папках папки /cms/scenes/styles/.
Например, стили кнопок определяются следующими файлами:
Если положить туда ещё png-картинки, то они будут так же доступны в качестве позиций стилей.
Ещё пример картинок для информеров:
Здесь видно, что есть картинки с окончанием _hi и _lo -- если они есть (т.е. они не обязательны), то будут использоваться для состояния превышения или занижения показаний наряду с основной картинкой.
Аналогично можно посмотреть и для других элементов -- в папках для примеров есть картинки.
После добавления элементов определённого типа общие настройки не пропадают и для каждого из состояний можно задать дополнительный код или действие. Например, по клику на элемент типа Нав. ссылка можно сделать вызов метода и т.п.
При правильном использовании этого инструмента можно с минимальными затратами времени создавать интерфейсы подобные этому:
Итак, при добавлении элемента в сцену сейчас есть возможность выбрать один из предустановленных типов
Раньше было только Изображение и 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 раза
-
- Сообщения: 110
- Зарегистрирован: Вт апр 29, 2014 9:16 pm
- Благодарил (а): 7 раз
- Поблагодарили: 13 раз
Re: стили для элементов сцен
Сергей, у меня предложение. Сделать возможность энтузиастов выкладывать свои скрипншоты либо avi, или другие видеофайлы демонстрации своих интерфейсов, меню, сцен....Может быть сделать это ссылками в разделе Скриншоты на главной странице.
Еще предложение. Опять для энтузиастов. Сделать возможность выкладывать полный дистрибутив своих умных домов (Majordomo.zip), которые будут инсталироваться как альтернативные в альтернативую базу данных, альтернативные директории.... Таким образом пользователь может установить и посмотреть готовый продукт. Назовем это Demo. Но этих Demo может быть много. Надеюсь понятно объявил.
Еще предложение. Опять для энтузиастов. Сделать возможность выкладывать полный дистрибутив своих умных домов (Majordomo.zip), которые будут инсталироваться как альтернативные в альтернативую базу данных, альтернативные директории.... Таким образом пользователь может установить и посмотреть готовый продукт. Назовем это Demo. Но этих Demo может быть много. Надеюсь понятно объявил.
-
- Сообщения: 110
- Зарегистрирован: Вт апр 29, 2014 9:16 pm
- Благодарил (а): 7 раз
- Поблагодарили: 13 раз
Re: стили для элементов сцен
Сергей, а можно ли в качестве картинок для стилей, например кнопок использовать gif анированные. мне нравится когда не просто изображение.
Сейчас я использую на сценах элемент Image в качестве ВЫКЛЮЧАТЕЛЕЙ где использую именно эти анимированные gif. В интернете полно приятных анимированных смайлов.
Анимированные картинки использую также для индикации погоды. Анимированный снег, дождь. Погода этой зимой позволяет наслаждаться наложением дождя на снег.
Сейчас я использую на сценах элемент Image в качестве ВЫКЛЮЧАТЕЛЕЙ где использую именно эти анимированные gif. В интернете полно приятных анимированных смайлов.
Анимированные картинки использую также для индикации погоды. Анимированный снег, дождь. Погода этой зимой позволяет наслаждаться наложением дождя на снег.
- Рейтинг: 1.16%
- sergejey
- Site Admin
- Сообщения: 4284
- Зарегистрирован: Пн сен 05, 2011 6:48 pm
- Откуда: Минск, Беларусь
- Благодарил (а): 75 раз
- Поблагодарили: 1559 раз
- Контактная информация:
Re: стили для элементов сцен
Не вижу никаких проблем -- можно заводить ветки на форуме и поддерживать свои полные дистрибутивы. Аналогично со скриншотами и видео -- либо на форуме либо на самом сайте, он же на движке wiki сделан и любой может создавать или редактировать страницы.Smolalex писал(а):Сергей, у меня предложение. Сделать возможность энтузиастов выкладывать свои скрипншоты либо avi, или другие видеофайлы демонстрации своих интерфейсов, меню, сцен....Может быть сделать это ссылками в разделе Скриншоты на главной странице.
Еще предложение. Опять для энтузиастов. Сделать возможность выкладывать полный дистрибутив своих умных домов (Majordomo.zip), которые будут инсталироваться как альтернативные в альтернативую базу данных, альтернативные директории.... Таким образом пользователь может установить и посмотреть готовый продукт. Назовем это Demo. Но этих Demo может быть много. Надеюсь понятно объявил.
Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
- Bagir
- Сообщения: 1613
- Зарегистрирован: Вт сен 17, 2013 6:46 pm
- Откуда: Ярославская область город Углич
- Благодарил (а): 212 раз
- Поблагодарили: 374 раза
Re: стили для элементов сцен
Основная беда заключается в том, что если выложить в ветке что то интересненькое, то в потоке переписки это все теряется. А создавать новую тему порой нет необходимости.
Как одно из решений этой задачи - писать на сайте wiki и делать ссылки на свое сообщение.
Как одно из решений этой задачи - писать на сайте wiki и делать ссылки на свое сообщение.
-
- Сообщения: 366
- Зарегистрирован: Пт июл 26, 2013 4:11 pm
- Благодарил (а): 71 раз
- Поблагодарили: 18 раз
Re: стили для элементов сцен
ILGAS писал(а):Сергей, а где взять иконки?
извиняюсь. обновился и нашел.