图片眼镜卡


图片浏览卡将图像和相应的实体状态显示为图标。右侧的实体允许切换操作,其他实体显示了更多的信息对话框。

客厅的图片浏览卡“>图片浏览客厅的卡。</p>
       <div class=

配置变量

类型 细绳 必需的

图片glance

实体 列表 必需的

实体或实体对象列表。

标题 细绳 ((可选的

卡标题。

图片 细绳 ((可选的

背景图像URL。

camera_image 细绳 ((可选的

相机实体作为背景图像。

camera_view 细绳 ((可选的,默认:自动

“现场”将显示现场视图溪流已启用。

state_image 地图 ((可选的

基于实体状态的背景图像。

状态 细绳 ((可选的

状态:图像-URL,检查下面的示例。

state_filter 地图 ((可选的
extack_ratio 细绳 ((可选的

迫使图像的高度为宽度的比率。有效格式:高度百分比值(23%)或用结肠或“ x”分离器表示的比率(16:9或者16x9)。对于一个比率,可以省略第二个元素,并将默认为“ 1”(1.78等于1.78:1)。

实体 细绳 ((可选的

使用的实体state_imagestate_filter

show_state 布尔 ((可选的,默认:false

显示实体状态文本。

主题 细绳 ((可选的

用任何已加载的主题覆盖此卡的使用主题。有关主题的更多信息,请参阅前端文档

Tap_Action 地图 ((可选的

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

hold_action 地图 ((可选的

在卡片上采取的动作并保持。看动作文档

double_tap_action 地图 ((可选的

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

实体的选项

如果将实体定义为对象而不是字符串,则可以添加更多自定义和配置:

配置变量

实体 细绳 必需的

实体ID。

属性 细绳 ((可选的

实体要显示的属性而不是状态。

字首 细绳 ((可选的

前缀要在属性的值之前显示。

后缀 细绳 ((可选的

后缀以在属性的值之后显示。

图标 细绳 ((可选的

覆盖默认图标。

show_state 布尔 ((可选的,默认:正确

显示实体状态文本。

Tap_Action 地图 ((可选的

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

hold_action 地图 ((可选的

在卡片上采取的动作并保持。看动作文档

double_tap_action 地图 ((可选的

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

豁免的选项

配置变量

用户 细绳 必需的

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

如何使用state_filter

指定不同的CSS过滤器

state_filter上”亮度(110%)饱和(1.2)“离开”亮度(50%)色调(45吉尔)实体switch.decorative_lights

例子

类型图片glance标题客厅实体-switch.decorative_lights-light.ceiling_lights-lock.front_door-binary_sensor.movement_backyard-binary_sensor.basement_floor_wet图片/local/living_room.png

显示相机图像作为背景:

类型图片glance标题客厅实体-switch.decorative_lights-light.ceiling_lightscamera_image相机。demo_camera

显示没有其他实体的相机图像:

类型图片glance标题前花园实体[]camera_imagecamera.front_garden_camera

使用基于实体状态的不同图像:

类型图片glance标题客厅实体-switch.decorative_lights-light.ceiling_lightsstate_image上”/local/living_room_on.png“离开”/local/living_room_off.png实体group.Living.Room