按钮卡
Lovelace按钮卡为您的实体。->github
特性
- 可用于任何可切换的实体
- 3个动作
切换，more_info和服务
- 状态显示(可选)
- 自定义颜色
上和从状态(可选)
- 使用可定制颜色的自定义状态定义(可选)
- 自定义大小(可选)
- 自定义图标(可选)
- 自定义CSS样式(可选)
- 自动给光上色(可选)
- 自定义灯光的默认颜色(当颜色无法确定时)(可选)
- 2颜色类型
图标：仅将颜色设置应用于图标卡：仅将颜色设置应用于卡片
- 自动字体颜色，如果color_type设置为
卡
- 计量支撑单位
- 空白卡和标签卡(组织用)
- 支持custom_updater
选项
| 的名字 |
类型 |
默认的 |
支持选项 |
描述 |
| 类型 |
字符串 |
要求 |
自定义:button-card |
卡片类型 |
| 实体 |
字符串 |
要求 |
switch.ac |
entity_id |
| 图标 |
字符串 |
可选 |
mdi:空调|属性 |
显示代替状态的图标。如果使用属性，它将获取实体上配置的图标。 |
| color_type |
字符串 |
图标 |
图标|卡|空白卡|签卡 |
给卡片的背景或卡片内的图标上色。设置这个卡启用自动字体和图标颜色。这使得文本/图标即使背景颜色是亮/暗也是可读的。额外的色彩类型选项空白卡和签卡可以用于组织(见示例)。伟德国际官方app下载苹果版 |
| 颜色 |
字符串 |
var(——primary-text-color) |
汽车|rgb(28、128、199) |
状态为时图标/卡片的颜色上．汽车根据光的颜色设置颜色。 |
| color_off |
字符串 |
var(——disabled-text-color) |
rgb(28、128、199) |
状态为时图标/卡片的颜色从． |
| 大小 |
字符串 |
40％ |
20 px |
图标的大小。可以是百分比或像素 |
| 行动 |
字符串 |
切换 |
切换|more_info|服务 |
定义动作的类型 |
| 服务 |
对象 |
可选 |
看到示例部分 |
当动作设置为时，调用服务和服务数据服务 |
| 的名字 |
字符串 |
可选 |
空调 |
定义一个显示在图标下方的可选文本 |
| show_state |
布尔基 |
假 |
真正的|假 |
在卡片上显示状态。如果没有设置，默认为false |
| 风格 |
对象 |
可选 |
-首字母:没有 |
定义一个css属性列表及其值，应用于卡片 |
| 状态 |
列表 |
可选 |
看到示例部分 |
用于按钮颜色的状态。可以定义多个状态 |
指令
- 下载button-card
- 将文件放入
配置/ www文件夹
- 包括卡代码在您的
ui-lovelace-card.yaml
- url: /local/button-card.js
- 将配置写入
ui-lovelace.yaml
使用按钮卡配置custom_updater
Custom_updater: card_urls: - https://raw.githubusercontent.com/kuuji/button-card/master/tracker.json
伟德国际官方app下载苹果版
显示空调按钮(开机时为蓝色):
- type:“custom:button-card”实体:开关。交流图标: mdi:air-conditioner color: rgb(28, 128, 199)
显示主页_lights组的开/关按钮：
-类型:“自定义:按钮卡”实体:组。home_lights show_state:真
轻实体自定义图标和“更多信息”弹出:6
-类型:“自定义:按钮卡”实体:灯。Living_room_lights图标:mdi:沙发颜色:自动动作:more_info
带有文字的光卡:
-类型:“自定义:按钮卡”实体:灯。图标:living_room_lights: mdi:沙发颜色:自动名称:客厅
带有文本和自定义样式的光卡:
-类型:“自定义:按钮卡”实体:灯。_ icon: mdi:home color: auto action: more_info name: home style: - text-transform: none - color: rgb(28,128,199) - font-weight: bold
带有卡片颜色类型、名称和自动颜色的光卡片:
-类型:“自定义:按钮卡”实体:灯。_ icon: mdi:home color: auto color_type: card default_color: rgb(255, 233, 155) action: more_info name: home style: -size: 12px - font-weight: bold
水平堆叠:
- 2 x空白卡
- 1x音量上升按钮与服务呼叫
- 1x音量下降按钮与服务呼叫
- 2 x空白卡
- type:“custom:button-card”color_type:空白-card - type:“custom:button-card”color_type:卡片颜色:rgb(223, 255, 97) icon: mdi:volume-plus action: service service: domain: media_player action: volume_up data: entity_id: media_player。Livimg_room_speaker - type:“custom:button-card”color_type:卡片颜色:rgb(223, 255, 97) icon: mdi:volume-minus action: service service: domain: media_player action: volume_down data: entity_id: media_player。Livimg_room_speaker - type: "custom:button-card" color_type: blank-card - type: "custom:button-card" color_type: blank-card
学分
编辑:
- 新版本!0.0.1出去了。
- 发布是否提供定制服务、空白卡和custom_updater支持
- 0.0.3自定义状态，标签卡和图标属性
