视图


视图是仪表板内的标签。要在UI上显示卡,您必须在视图中定义它们。

您可以通过单击菜单(屏幕右上方的三个点),然后将视图添加到用户界面编辑仪表板。点击+顶部菜单栏中的按钮。

查看工具栏使用标题和图标来描述视图的内容。

小路

您可以在使用支持导航的卡时从另一个视图中的卡中链接到一个视图(navigation_path)。这里提供的字符串将附加到字符串/lovelace/创建通往视图的路径。请勿在路径中使用特殊字符。不要以数字开始路径。这将导致解析器将您的路径读为视图索引。

例子

查看配置:

-标题客厅#最终路径是 /lovelace /living_room小路客厅

图片卡配置:

-类型图片图片/local/living_room.pngTap_Action行动导航navigation_path/lovelace/living_room

查看图标

如果定义了视图图标,则将显示图标而不是标题,然后将使用该标题作为工具提示。

例子

-标题花园图标MDI:花

可见的

您可以指定整体或每个用户视图的可见性。(注意:这仅适用于选项卡的显示。URL路径仍然可以访问)

例子

视图-标题伊恩可见的-用户581FCA7FDC014B8B894519CC531F9A04...-标题切尔西可见的-用户6E690CC4E40242D2AB14CF38F1882EE6...-标题行政可见的DB34E025E5C84B70968F6530823B117F...

可见的选项

如果定义可见的作为对象而不是布尔值来指定显示“查看”选项卡的条件:

配置变量

用户 细绳 必需的

可以看到“视图”选项卡的用户ID(在用户配置页面上找到的唯一十六进制值)。

类型

您可以使用其他视图类型更改视图的布局。默认值为石工

例子

-标题地图类型控制板-类型地图实体-device_tracker.demo_paulus-区域

主题

设置一个单独的主题用于视图及其卡片。

例子

-标题主题快乐的

背景

您可以用主题。您可以使用CSS变量lovelace-background。对于壁纸,您可能想使用以下示例,可以找到更多选项这里

例子

#示例Configuration.yaml条目前端主题例子lovelace-backgroundCenter/Cover No-Repeat URL(“/local/background.png”)固定

配置变量

视图 列表 必需的

视图配置列表。

类型 细绳 ((选修的,默认:砖石

视图的类型。

标题 细绳 必需的

标题或名称。

徽章 列表 ((选修的

实体ID列表或徽章对象显示为徽章。请注意,徽章在视图处于面板模式时不会显示。

列表 ((选修的

在此视图中显示的卡片。

小路 细绳 ((选修的,默认:查看索引

路径在URL中使用,以下更多信息。

图标 细绳 ((选修的

材料设计图标的图标名称。您可以使用任何图标MaterialDesignicons.com。以图标名称前缀为MDI:, IEMDI:家

背景 细绳 ((选修的

使用CSS样式背景,以下更多信息。

主题 细绳 ((选修的

主题查看和卡,以下更多信息。

可见的 布尔|列表 ((选修的,默认:正确

隐藏/显示所有用户或个人列表的视图选项卡可见的对象。

例子

查看配置:

-标题客厅徽章-device_tracker.demo_paulus-实体light.ceiling_lights姓名天花板灯图标MDI:灯泡-实体switch.decorative_lights图片/local/lights.png
Baidu