三十一 Home Assistanta 添加状态卡片

添加状态卡片

Home Assistant的主界面是当前实体及其状态的列表。对于系统中的每个实体，都会渲染一个状态卡片。状态卡片将显示一个图标、实体名称、状态上次更改的时间以及当前状态或与之交互的控件。

不同的卡类型可以在这里找到。

传感器在未分组时，会显示在状态卡片顶部，即所谓的徽章。

不同的徽章位于文件 [/src/components/entity/ha - state - label - badge.html](https://github.com/home-assistant/home-assistant-polymer/blob/master/src/components/entity/ha-state-label-badge.html) 中。

添加自定义卡片类型可以通过几个简单步骤完成。在本示例中，我们将为 camera 域添加一个新的状态卡片：

1. 将 'camera' 添加到文件 [/util/hass - util.html](https://github.com/home-assistant/home-assistant-polymer/blob/master/src/util/hass-util.html#L11) 中的数组 DOMAINS_WITH_CARD 中。
2. 在文件夹 /[state - summary](https://github.com/home-assistant/home-assistant-polymer/tree/master/src/state-summary)/ 中创建文件 state - card - camera.html。
3. 将 <link rel="import" href="state - card - camera.html"> 添加到 [state - card - content.html](https://github.com/home-assistant/home-assistant-polymer/blob/master/src/state-summary/state-card-content.html) 中。

总结

本文介绍了Home Assistant主界面中状态卡片的呈现形式，包括实体相关信息的展示方式，以及传感器徽章的显示位置。重点阐述了添加自定义卡片类型的步骤，通过以 camera 域为例，详细说明了在不同文件中进行相应操作的方法，为开发者扩展或定制Home Assistant前端的状态卡片功能提供了清晰的指导，有助于实现更个性化和多样化的用户界面展示效果，满足不同用户的需求和场景应用。