首页
/ Room Summary Card 实体配置详解:打造个性化智能家居控制面板

Room Summary Card 实体配置详解:打造个性化智能家居控制面板

2025-06-20 12:06:04作者:申梦珏Efrain

前言

Room Summary Card 作为智能家居控制面板的重要组成部分,其核心功能在于对各类实体的可视化展示与交互。本文将深入解析实体配置的两种格式、各项参数含义以及颜色优先级系统,帮助用户打造既美观又实用的房间概览界面。

一、实体配置的两种格式

1. 简易字符串格式

适用于快速添加基础实体,采用最简单的YAML列表形式:

entities:
  - light.living_room_lamp
  - switch.living_room_tv

特点:

  • 仅需提供实体ID
  • 使用实体默认图标
  • 采用主题默认颜色方案
  • 点击动作为默认切换(toggle)

2. 详细对象格式

提供完整的自定义能力,每个实体可配置多项参数:

entities:
  - entity_id: light.living_room_lamp
    icon: mdi:lamp
    on_color: yellow
    off_color: grey
    tap_action:
      action: toggle

特点:

  • 支持图标自定义
  • 可单独设置开/关状态颜色
  • 可定义多种交互动作
  • 配置粒度更精细

二、实体配置参数详解

参数名称 类型 默认值 说明
entity_id 字符串 必填 Home Assistant中的实体ID
icon 字符串 实体默认图标 可指定Material Design Icons中的任意图标
on_color 字符串 按实体类型默认颜色 实体开启状态时显示的颜色
off_color 字符串 主题关闭颜色 实体关闭状态时显示的颜色
tap_action 对象 {action: "toggle"} 单击动作,支持toggle/more-info/none/call-service等
hold_action 对象 {action: "more-info"} 长按动作
double_tap_action 对象 {action: "none"} 双击动作

三、颜色优先级系统

Room Summary Card采用四级颜色优先级机制,确保显示效果既灵活又统一:

  1. 实体配置优先:直接配置的on_coloroff_color具有最高优先级
  2. 实体属性次之:通过customize.yaml设置的属性会覆盖默认值
  3. 主题颜色备用:当前主题定义的颜色方案
  4. 领域默认兜底:系统根据实体类型(如light/switch等)自动分配的颜色

四、实用配置示例

1. 媒体设备主题化

entities:
  - entity_id: media_player.living_room_tv
    icon: mdi:television-classic
    on_color: deep-purple
    off_color: dark

2. 安防状态可视化

entities:
  - entity_id: binary_sensor.front_door
    icon: mdi:door
    on_color: red
    off_color: green
    tap_action:
      action: more-info

3. 温控系统配置

entities:
  - entity_id: climate.living_room
    icon: mdi:thermostat
    on_color: orange
    off_color: blue
    hold_action:
      action: call-service
      service: climate.set_temperature
      target:
        entity_id: climate.living_room
      data:
        temperature: 22

五、最佳实践建议

  1. 保持视觉一致性:同一房间内的同类型设备建议使用相似配色
  2. 合理利用交互:高频操作用toggle,详细信息用more-info
  3. 图标选择原则:优先选择能直观表达设备功能的图标
  4. 颜色对比度:确保开启/关闭状态颜色有明显区分度
  5. 渐进式配置:先使用简易格式快速搭建,再逐步细化定制

通过灵活运用这些配置选项,您可以打造出既美观又实用的房间概览界面,让智能家居控制变得更加直观高效。

登录后查看全文
热门项目推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
176
261
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
861
511
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
93
15
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
129
182
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
259
300
kernelkernel
deepin linux kernel
C
22
5
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
596
57
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.07 K
0
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
398
371
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
332
1.08 K