必威是什么必威是什么

图片元素卡

图片元素卡是最通用的卡片之一。

这些卡允许您根据坐标将图标或文本甚至服务定位在图像上。想象平面图，想象一下图片glance没有限制！

由图片元素提供动力的功能平面图“>由图片元素提供动力的功能平面图。</p> <div class=

配置变量

寻找您的配置文件？
类型 细绳 必需的

图片元素
图片 细绳 必需的

图像的URL。
要使用本地托管的图像，请参阅托管。
camera_image 细绳 （（选修的）

相机实体。
camera_view 细绳 （（选修的，默认：自动）

“现场”将显示现场视图溪流已启用。
元素 列表 必需的

元素列表。
标题 细绳 （（选修的）

卡标题。
state_filter 地图 （（选修的）

基于州的CSS过滤器
主题 细绳 （（选修的）

用任何已加载的主题覆盖此卡的使用主题。有关主题的更多信息，请参阅前端文档。
dark_mode_image 细绳 （（选修的）

当激活暗模式并且未设置状态图像时，使用此图像。
dark_mode_filter 细绳 （（选修的）

激活暗模式时，使用此CSS滤波器。

元素

元素是覆盖图像的活动组件（图标，徽章，按钮，文本等）。

可以将几种不同的元素类型添加到图片元素卡中：

国家徽章

该元素创建一个代表实体状态的徽章。

配置变量

寻找您的配置文件？
类型 细绳 必需的

国家堡
实体 细绳 必需的

实体ID。
风格 地图 必需的

位置和样​​式元素使用CSS。
默认：

位置：绝对，转换：转换（-50％，-50％）

标题 细绳 （（选修的）

状态徽章工具提示。设置为空隐藏。
Tap_Action 地图 （（选修的）

在卡片上采取的动作。看动作文档。
hold_action 地图 （（选修的）

在卡片上采取的动作并保持。看动作文档。
double_tap_action 地图 （（选修的）

在卡上采取的动作双击。看动作文档。

国家图标

此元素代表使用图标的实体状态。

配置变量

寻找您的配置文件？
类型 细绳 必需的

国二大
实体 细绳 必需的

要使用的实体ID。
图标 细绳 （（选修的）

覆盖图标。
标题 细绳 （（选修的）

图标工具提示。设置为空隐藏。
state_color 布尔 （（选修的，默认：正确）

设置真的在实体处于活动状态时，具有彩色图标。
Tap_Action 地图 （（选修的）

在卡片上采取的动作。看动作文档。
hold_action 地图 （（选修的）

在卡片上采取的动作并保持。看动作文档。
double_tap_action 地图 （（选修的）

在卡上采取的动作双击。看动作文档。
风格 细绳 必需的

位置和样​​式元素使用CSS。
默认：

位置：绝对，转换：转换（-50％，-50％）

状态标签

该元素通过文本代表实体的状态。

配置变量

寻找您的配置文件？
类型 细绳 必需的

国家标签
实体 细绳 必需的

实体ID。
属性 细绳 （（选修的）

如果存在，将显示相应的属性，而不是实体的状态。
字首 细绳 （（选修的）

实体状态之前的文本。
后缀 细绳 （（选修的）

实体状态之后的文本。
标题 细绳 （（选修的）

标签工具提示。设置为空隐藏。
Tap_Action 地图 （（选修的）

在卡片上采取的动作。看动作文档。
hold_action 地图 （（选修的）

在卡片上采取的动作并保持。看动作文档。
double_tap_action 地图 （（选修的）

在卡上采取的动作双击。看动作文档。
风格 细绳 必需的

位置和样​​式元素使用CSS。
默认：

位置：绝对，转换：转换（-50％，-50％）

服务通话按钮

该实体创建一个可以用于调用服务的按钮（带有任意文本）。

配置变量

寻找您的配置文件？
类型 细绳 必需的

服务按钮
标题 细绳 必需的

按钮标签。
服务 细绳 必需的

light.turn_on
service_data 地图 （（选修的）

要使用的服务数据。
风格 细绳 必需的

位置和样​​式元素使用CSS。
默认：

位置：绝对，转换：转换（-50％，-50％）

图标元素

该元素创建一个与实体状态无链接的静态图标。

配置变量

寻找您的配置文件？
类型 细绳 必需的

图标
图标 细绳 必需的

要显示的图标（例如，MDI：家）。
标题 细绳 （（选修的）

图标工具提示。设置为空隐藏。
实体 细绳 （（选修的）

用于More-Info/切换的实体。
Tap_Action 地图 （（选修的）

在卡片上采取的动作。看动作文档。
hold_action 地图 （（选修的）

在卡片上采取的动作并保持。看动作文档。
double_tap_action 地图 （（选修的）

在卡上采取的动作双击。看动作文档。
风格 细绳 必需的

位置和样​​式元素使用CSS。
默认：

位置：绝对，转换：转换（-50％，-50％）

图像元素

这创建了一个覆盖背景图像的图像元素。

配置变量

寻找您的配置文件？
类型 细绳 必需的

图片
实体 细绳 （（选修的）

使用的实体state_image和state_filter并针对行动。
标题 细绳 （（选修的）

图像工具提示。设置为空隐藏。
Tap_Action 地图 （（选修的）

在卡片上采取的动作。看动作文档。
hold_action 地图 （（选修的）

在卡片上采取的动作并保持。看动作文档。
double_tap_action 地图 （（选修的）

在卡上采取的动作双击。看动作文档。
图片 细绳 （（选修的）

要显示的图像。
camera_image 细绳 （（选修的）

相机实体。
camera_view 细绳 （（选修的，默认：自动）

“现场”将显示现场视图溪流已启用。
state_image 地图 （（选修的）

基于州的图像
筛选 细绳 （（选修的）

默认：灰度（100％）当实体状态为离开。设置没有任何要删除此。
state_filter 地图 （（选修的）

基于州的CSS过滤器
extack_ratio 细绳 （（选修的，默认：50％）

迫使图像的高度为宽度的比率。有效格式：高度百分比值（23％）或用结肠或“ x”分离器表示的比率（16：9或者16x9）。对于一个比率，可以省略第二个元素，并将默认为“ 1”（1.78等于1.78：1）。
风格 细绳 必需的

位置和样​​式元素使用CSS。
默认：

位置：绝对，转换：转换（-50％，-50％）

条件元素

与条件卡一样，此元素将使您根据实体状态显示其子元素。

配置变量

寻找您的配置文件？
类型 细绳 必需的

有条件
条件 列表 必需的

实体ID和匹配状态列表。
实体 细绳 必需的

实体ID。
状态 细绳 （（选修的）

实体状态等于此值。*
state_not 细绳 （（选修的）

实体状态与此值不平等。*
元素 列表 必需的

满足条件时要显示的任何类型的一个或多个元素。请参阅下面的示例。

自定义元素

创建和引用自定义元素的过程与自定义卡相同。请看开发人员文档了解更多信息。

配置变量

寻找您的配置文件？
类型 细绳 必需的

卡名称风俗：前缀（例如，习俗：my-custom卡）。
风格 细绳 必需的

位置和样​​式元素使用CSS。
默认：

位置：绝对，转换：转换（-50％，-50％）

豁免的选项

配置变量

寻找您的配置文件？
用户 细绳 必需的

可以看到“查看”选项卡的用户ID。

元素属性的注释

如何使用样式对象

位置和样​​式的元素使用CSS。还有更多/其他密钥。注意，大多数元素的默认样式包括翻译（-50％，-50％），这意味着您提供的坐标将设置元素中心的位置。采用转换：无禁用这种行为。

风格：＃元素定位剩下：50％最佳：50％＃图标覆盖颜色“- 纸 - 项目 - 色彩”：粉色的

如何使用state_image

指定基于实体状态显示的不同图像。

state_image：“在”：/local/living_room_on.jpg“离开”：/local/living_room_off.jpg

如何使用state_filter

指定不同的CSS过滤器

state_filter：“在”：亮度（110％）饱和（1.2）“离开”：亮度（50％）色调（45吉尔）

如何使用点击键

如果选项hold_action指定，当单击实体并保持半秒或更高时，将执行该操作。

Tap_Action：行动：切换hold_action：行动：呼叫服务服务：light.turn_onservice_data：ENTITY_ID：light.bed_lightbrightness_pct：100

例子

图标，标签和按钮的示例

类型：图片元素图片：/local/floorplan.png元素：-类型：国二大Tap_Action：行动：切换实体：light.ceiling_lights风格：最佳：47％剩下：42％-类型：国二大Tap_Action：行动：切换实体：light.kitchen_lights风格：最佳：30％剩下：15％-类型：国家标签实体：传感器。outside_temperature风格：最佳：82％剩下：79％-类型：国家标签实体：气候属性：Current_temperature后缀：“°C”风格：最佳：33％剩下：15％-类型：服务按钮标题：关闭灯风格：最佳：95％剩下：60％服务：homeassistant.turn_offservice_data：ENTITY_ID：group.all_lights-类型：图标图标：MDI：家Tap_Action：行动：导航navigation_path：/lovelace/0风格：最佳：10％剩下：10％

图像示例

类型：图片元素图片：/local/floorplan.png元素：＃state_image＆state_filter-单击开关-类型：图片实体：light.living_roomTap_Action：行动：切换图片：/local/living_room.pngstate_image：“离开”：/local/living_room_off.png筛选：饱和（.8）state_filter：“在”：亮度（120％）饱和（1.2）风格：最佳：25％剩下：75％宽度：15％＃相机，红色边框，圆形旋转 - 单击时显示More-Info-类型：图片实体：摄像头。Driveway_cameracamera_image：摄像头。Driveway_camera风格：最佳：5％剩下：10％宽度：10％边界：2px实心红色边界拉迪乌斯：10％＃单图像，state_filter-点击呼叫服务-类型：图片实体：Media_player.living_roomTap_Action：行动：呼叫服务服务：Media_player.media_play_pauseservice_data：ENTITY_ID：Media_player.living_room图片：/local/television.jpg筛选：亮度（5％）state_filter：玩：亮度（100％）风格：最佳：40％剩下：75％宽度：5％

条件示例

类型：图片元素图片：/local/house.png元素：＃爸爸不在和女儿在家时，有条件地显示电视关闭纽扣快捷方式-类型：有条件条件：-实体：传感器状态：“家”-实体：Sensor.presence_dad状态：“不在家”元素：-类型：国二大实体：switch.tvTap_Action：行动：切换风格：最佳：47％剩下：42％