Сцены и оформление (сборка)

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

Модератор: immortal

Аватара пользователя
Andy111
Сообщения: 25
Зарегистрирован: Вт апр 25, 2017 1:17 pm
Благодарил (а): 32 раза
Поблагодарили: 2 раза

Re: Сцены и оформление (сборка)

Сообщение Andy111 » Ср фев 06, 2019 12:40 pm

Здравия всем!
nick7zmail писал(а):
Вт янв 15, 2019 10:24 am
Совсем недавно вышел довольно интересный пак выключателей для сцен. В паке присутствует более 30 различных тумблеров, выключателей, переключателей, рычажков и т.п. различных размеров, цветов, форм.
Установил пак, э... набор, выключателей, благодарю!

Вопрос. Как собственные добавить? Нужен с 3-мя состояниями переключатель. Где покопать, что почитать?
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Сцены и оформление (сборка)

Сообщение nick7zmail » Ср фев 06, 2019 1:02 pm

Если что то простенькое - то примерно так viewtopic.php?f=4&t=2047
т.е. назвать особым образом, и создать соответствующие состояния...
Если по-сложнее (убрать надпись, рамку, фон, изменить размер и т.п.) - надо к элементу ещё css дописать, делающий это.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
kirush
Сообщения: 132
Зарегистрирован: Ср май 17, 2017 10:38 am
Благодарил (а): 5 раз
Поблагодарили: 11 раз

Re: Сцены и оформление (сборка)

Сообщение kirush » Чт фев 07, 2019 12:05 am

nick7zmail писал(а):
Пт дек 01, 2017 5:03 pm
Дело было вечером делать было...дофигачего)) но я устал это всё делать, и сел "порисовать" элементы...решил оживить немного свою сцену с планом квартиры...а то она у меня как-то совсем не приживается =(...больше по душе интерфейсы панелей (без планов квартир)...не суть...
Короче скидал я индикаторы...вроде получилось неплохо...может кому понадобится...выглядят так
111.jpg
Для них нужна библиотека...название не помню - лень искать, если честно, но в гугле находится без проблем, но на всякий случай приложу. Надо закинуть в папку js.
gaugeMeter.rar

Создать HTML элемент на сцене, в дополнительный код css закинуть
код cssПоказать

Код: Выделить всё

.GaugeMeter {
  position: Relative;
  text-align: Center;
  overflow: Hidden;
  cursor: Default;
  display: inline-block;
}

.GaugeMeter SPAN, .GaugeMeter B {
  width: 54%;
  position: Absolute;
  text-align: Center;
  display: Inline-Block;
  color: RGBa(0,0,0,.8);
  font-weight: 100;
  font-family: "Open Sans", Arial;
  overflow: Hidden;
  white-space: NoWrap;
  text-overflow: Ellipsis;
  margin: 0 23%;
}

.GaugeMeter[data-style="Semi"] B {
  width: 80%;
  margin: 0 10%;
}

.GaugeMeter S, .GaugeMeter U {
  text-decoration: None;
  font-size: .60em;
  font-weight: 200;
  opacity: .6;
}

.GaugeMeter B {
  color: #000;
  font-weight: 200;
  opacity: .8;
}
.GCont {
background-color: #000;
opacity: .8;
border-radius: 30px;
border:1px solid #777;
}
а в состояние
код элементаПоказать

Код: Выделить всё

<script src="/js/gaugeMeter.js"></script>
<script>$(".GaugeMeter").gaugeMeter();</script>
<div class="GCont">
<div class="GaugeMeter" id="test" data-total="40" data-used="%Sensor_temp03.value%"
     data-text="<font style='color:White;size:13px'>%Sensor_temp03.value%</font>"
     data-append="<font style='color:white'>°C</font>" data-prepend="<font style='color:white'>%Sensor_temp03.dynamic% </font>"
     data-size="140" data-theme="White" data-back="RGBa(255,255,255,.2)" data-width="15" data-label="Температура"
     data-label_color="#FFF" data-stripe="3"></div>
</div>
Параметры:
data-width="15" - высота деления
data-stripe="3" - ширина деления
data-size="140" - диаметр круга
data-label="Температура" - подпись под значением
data-style="Full" - Full, Semi or Arch (полный круг, полукруг или арка)
Все параметры тут
по мануалу только положительные числа, однако и отрицательные использовать можно, в таком случае data-total и data-used должны быть отрицательными

Мож кому интересно будет =).
Теперь правда выключатели света неказисто смотрятся рядом с такими "Мощными" информерами =D. Надо будет тоже что нить городить...либо перейти на что нить менее громоздкое...
Подскажите плз, направление изменения, как передать? А то у меня вместо стрелочек либо -1, либо 1 отрисовывается :( (в свойствах имею 1 или -1).
Кстати новая ссылка на github: https://github.com/Mictronics/GaugeMeter
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Сцены и оформление (сборка)

Сообщение nick7zmail » Чт фев 07, 2019 6:44 am

Для направления я создавал отдельное свойство, и туда заносил ASCII символ стрелки. Тогда родного функционала сохранения изменения направления не было...собственно после этого оно и появилось =D.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
kirush
Сообщения: 132
Зарегистрирован: Ср май 17, 2017 10:38 am
Благодарил (а): 5 раз
Поблагодарили: 11 раз

Re: Сцены и оформление (сборка)

Сообщение kirush » Чт фев 07, 2019 9:16 am

nick7zmail писал(а):
Чт фев 07, 2019 6:44 am
Для направления я создавал отдельное свойство, и туда заносил ASCII символ стрелки. Тогда родного функционала сохранения изменения направления не было...собственно после этого оно и появилось =D.
как правильно это сделать сейчас, наверно какое то условие прямо в код надо вписать, что то типа
если direct -1 то рисуем X, если direct =1 то рисуем Y?
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Сцены и оформление (сборка)

Сообщение nick7zmail » Чт фев 07, 2019 12:55 pm

Самое простое - поступить так же...создать доп св-во, и если direct = -1, то в это свойство пишем одно, если 1, то другое. И отрисовываем это...
Как вы говорите - без дополнительных свойств - можно через js отрисовывать в зависимости от свойства. Но это сложнее, и больше кода писать.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
Andy111
Сообщения: 25
Зарегистрирован: Вт апр 25, 2017 1:17 pm
Благодарил (а): 32 раза
Поблагодарили: 2 раза

Re: Сцены и оформление (сборка)

Сообщение Andy111 » Чт фев 07, 2019 10:42 pm

nick7zmail писал(а):
Ср фев 06, 2019 1:02 pm
Если что то простенькое - то примерно так viewtopic.php?f=4&t=2047
т.е. назвать особым образом, и создать соответствующие состояния...
Если по-сложнее (убрать надпись, рамку, фон, изменить размер и т.п.) - надо к элементу ещё css дописать, делающий это.
Благодарю за ответ.
Но, что -то никак не выходит каменный цветок...
создал кнопку "i_my1_on.png" / "i_my1_off.png" поместил в папку к остальным .../switch ...
в коллекции не нашел.
Заменил один из стандартных чего-то-там-next...png на свой - эффекта - нуль, заменил во всех других папках этот файл своим, без толка,
переименовал свой в один из "tekhno switches", размер подогнал - нифига!
Гте -то кешируется или в чём дело?
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Сцены и оформление (сборка)

Сообщение nick7zmail » Пт фев 08, 2019 8:33 am

назвали правильно. Проверьте папку /cms/scenes/styles/switches Вроде так...
Чтобы проверить без кэширования откройте окно в анонимном режиме (в хроме к примеру называется режим инкогнито), в других браузерах может быть по-другому. Так же проверьте права на файл, если под линуксом.
За это сообщение автора nick7zmail поблагодарил:
Andy111 (Пт фев 08, 2019 11:12 am)
Рейтинг: 1.16%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
Andy111
Сообщения: 25
Зарегистрирован: Вт апр 25, 2017 1:17 pm
Благодарил (а): 32 раза
Поблагодарили: 2 раза

Re: Сцены и оформление (сборка)

Сообщение Andy111 » Пт фев 08, 2019 11:16 am

nick7zmail писал(а):
Пт фев 08, 2019 8:33 am
назвали правильно.
Я их один называл... ;) Давай(те) на "ты"...
nick7zmail писал(а):
Пт фев 08, 2019 8:33 am
Чтобы проверить без кэширования откройте окно в анонимном режиме (в хроме к примеру называется режим инкогнито), ...
Да, похоже в этом дело... В "инкогнито" появились. Прочистил всё, вроде и в обычных режимах заработало.
Благодарю!
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Сцены и оформление (сборка)

Сообщение nick7zmail » Вс мар 17, 2019 2:14 pm

Всем привет.
Вышло обновление модуля TechnoSwitches. Основное изменение: добавлены новые стили выключателей.
Изображение
За это сообщение автора nick7zmail поблагодарил:
Lerych (Вс мар 17, 2019 9:21 pm)
Рейтинг: 1.16%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Ответить