在Home Assistant中创建自定义卡片:显示图标、名称和按钮

作者:搬砖的石头2024.03.19 20:29浏览量:89

简介:本文将指导你如何在Home Assistant中创建一个自定义卡片,该卡片将显示图标、实体名称和一个按钮,以便你快速控制智能家居设备。

在Home Assistant中,自定义卡片是一种强大的工具,允许你根据自己的需求和喜好定制用户界面。通过自定义卡片,你可以将图标、名称、按钮等元素组合在一起,创建一个直观且易于使用的控制界面。

下面是一个简单的示例,展示了如何创建一个自定义卡片,该卡片将显示一个图标、实体名称和一个按钮。

首先,你需要创建一个新的卡片配置文件。在Home Assistant的配置文件夹中,找到ui-lovelace文件夹,并在其中创建一个新的YAML文件,例如custom-button-entity-row.yaml

然后,将以下代码复制到custom-button-entity-row.yaml文件中:

  1. type: custom:button-entity-row
  2. entity: light.living_room_lamp
  3. name: Living Room Lamp
  4. icon: mdi:lamp
  5. tap_action:
  6. action: toggle
  7. hold_action:
  8. action: more-info

在上面的代码中,我们使用了custom:button-entity-row作为卡片类型,它是一个常用的自定义卡片类型。接下来,我们指定了要显示的实体,这里是light.living_room_lamp,即客厅灯的实体ID。name字段定义了实体在卡片上显示的名称,icon字段指定了图标,这里使用了Material Design Icons(MDI)中的lamp图标。

tap_action字段定义了单击卡片时的操作,这里我们选择了toggle,即切换实体的状态。hold_action字段定义了长按卡片时的操作,这里我们选择了more-info,即显示实体的更多信息。

保存并关闭custom-button-entity-row.yaml文件后,在Home Assistant的用户界面中,你可以通过以下步骤将自定义卡片添加到视图中:

  1. 打开Home Assistant的用户界面。
  2. 选择要添加卡片的视图。
  3. 点击右上角的编辑按钮(通常是一个笔图标)。
  4. 在卡片配置区域,点击“+”按钮添加新卡片。
  5. 在卡片类型下拉菜单中,选择“Custom”。
  6. 在卡片配置字段中,输入custom-button-entity-row作为卡片类型。
  7. 点击保存按钮。

现在,你应该能够在视图中看到新添加的自定义卡片。当你单击卡片时,客厅灯的状态将切换;当你长按卡片时,将显示客厅灯的更多信息。

通过自定义卡片,你可以根据自己的需求创建各种不同的控制界面。你可以添加多个实体、调整图标和名称的样式、定义不同的操作等。希望这个简单的示例能帮助你入门,并在Home Assistant中创建出更多个性化的控制界面!