Раз начал, то нужно продолжать. Сегодня мы продолжим наполнять панели Lovelace Dashboards различными карточками. Как уже ясно из заголовка - в этой статье поговорим о кнопках и переключателях.
Translation to English is here. Также можно следить за нами на других площадках: Instagram и telegram (RU, EN, DE), Medium, LiveJournal, YouTube (старый канал), YouTube (новый канал).
Выше на картине пример двух карточек. Одна - информационная, вторая с кнопками. На второй картинке - обычный вид карточек, который создается по умолчанию. С точки зрения практичности - отличий нет, и как по мне, то второй тип представления передает информацию таким образом, чтобы она была максимально читаемой. Но, когда дом уже настроен и работает - можно подумать уже и о красоте. Рассмотрим три наиболее распространенных кнопки. Слева направо у нас три разных представления для одного и того же действия. Слева - графическое отображение сущности, справа - сущность, по центру - кнопка.
Добавляются они по тому же принципу что и в прошлой статье. Рассмотрим каждую по отдельности.
1. Картинка, или графическое отображение сущности.
Справа у нас отображается карточка, как она будет выглядеть по готовности.
В поле entity(сущность) мы выбираем то, чем мы будем управлять. Это может быть лампа, реле, сцена или даже автоматизация. Правда в последнем случае кнопка будет или запускать автоматизацию или отключать/выключать ее в зависимости от настроек.
Имя - сугубо опционально. Для удобства можно использовать.
Картинка - указывается путь к отображаемой картинке. Конечно же может быть локальная картинка
Камера - если в вашей спальне есть камера☺, то можете ее подцепить к кнопке. Следующий пункт относится также к камере и также опционален...
Aspect ratio - это масштабирование картинки. можно указать 50%, и картинка уменьшится, но и изображение также сожмется с потерей вида.
Две галочки - соответственно отображать ли на карточке имя и статус.
Тема - опционально. У меня нет тем, ничего не могу рассказать.
Tap action - действие по нажатию на картинку. Я выбрал "переключить"
Hold action - действие по длинному нажатию на картинку. Я выбрал "больше информации"
2. Кнопка
entity(сущность) - см. выше.
Имя - см. выше.
Icon - тут нужно ввести код иконки или она будет выбрана по умолчанию
Три галочки - соответственно отображать ли на карточке имя, статус и иконку.
Icon Height - опционально, размер картинки. Можно сделать побольше или поменьше.
Тема - опционально. У меня нет тем, ничего не могу рассказать.
Tap action - действие по нажатию на картинку. Я выбрал "переключить"
Hold action - действие по длинному нажатию на картинку. Я выбрал "больше информации"
3. Сущность
Заголовок - название карточки. Отображается сверху.
Тема - см.выше.
Галка "показать переключатель в заголовке" - позволяет разместить справа от названия карточки переключатель, который будет включать или выключать все сущности в данной карточке. Например, ткнул и выключил весь свет в квартире. Иногда очень удобно.
Галка "цвет базируется на состоянии" - в зависимости от состояния галки будет подсвечиваться иконка или нет в зависимости от состояния исполнительного устройства.
Header, Footer - очень классная опция. Позволяет добавить наверху или внизу карточки: картинку, график или кнопку. Картинка добавляет красок, а график информации. Потрясающе выглядит, просто и со вкусом.
entity(сущность) - см. выше.
Видео работы я записал и выложил ниже:
На этом все, делайте ваш умный дом ярче, красочнее, информативнее.
Вы можете всегда поддержать меня лайком, репостом, комментарием или просто подписаться, чтобы не пропускать свежие выпуски. Также можно следить за нами на других площадках: Instagram и telegram (RU, EN, DE), Medium, LiveJournal, YouTube (старый канал), YouTube (новый канал).