『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 280|回复: 1

[UI界面] 非常实用的空调卡片Simple Thermostat,附带配置及详细配置说明

[复制链接]

1

主题

7

帖子

50

积分

注册会员

Rank: 2

积分
50
金钱
43
HASS币
0
发表于 5 天前 | 显示全部楼层 |阅读模式
本帖最后由 正混吉 于 2024-10-18 15:31 编辑

一款实用的空调卡片,Simple Thermostat,进行了汉化处理,每行代码都附带有详细解释。
效果如下,可根据个人喜好减少相关功能,改变卡片背景等。


代码需要以下支持的卡片和资源:
  • simple-thermostat
    • 主要使用的自定义卡片,通过 HACS 安装。
  • card-mod
    • 用于自定义卡片样式的插件,允许你修改卡片的 CSS 属性。通过 HACS 安装。
  • Material Design Icons
    • 一些图标(如 mdi:sofa、mdi:walk 等)来自 Material Design Icons。通过 HACS 安装。

360截图20241018134853.png
type: custom:simple-thermostat  # 指定使用的自定义卡片类型为简单温控器
entity: climate.2  # 绑定的空调实体,需确保该实体在Home Assistant中存在
step_size: 1  # 温度调节的步长,每次调整1度
label:
  state: 空调状态  # 显示当前空调的状态(如:制热、制冷等)
  temperature: 室内温度  # 显示当前室内温度
  humidity: 湿度  # 显示当前湿度值
layout:
  mode:
    headings: false  # 是否显示模式部分的标题,设置为false表示不显示
  step: row  # 将步长调节按钮排列在同一行
header:
  toggle:
    entity: switch.2_panel_light  # 绑定面板灯的开关实体
    name: 面板灯  # 面板灯旁边显示的名称
  faults:
    entity: switch.2_panel_light  # 用于显示故障信息的实体,通常与开关有关
control:
  hvac:  # 控制空调的模式选项
    "off":
      name: 关  # 关闭空调的模式
    heat:
      name: 制热  # 制热模式
    cool:
      name: 制冷  # 制冷模式
    auto:
      name: 自动  # 自动模式,根据环境温度调节
    dry:
      name: 除湿  # 除湿模式
    fan_only:
      name: 送风  # 仅送风模式,不制冷或制热
  fan:  # 控制风扇速度的选项
    auto:
      name: 自动风  # 自动调节风速
      icon: false  # 隐藏图标
    low:
      name: 1档  # 最低风速
    medium low:
      name: 2档  # 较低风速
    medium:
      name: 3档  # 中档风速
    medium high:
      name: 4档  # 较高风速
    high:
      name: 5档  # 最高风速
    turbo:
      name: 超强档  # 超强风速
  swing:  # 控制摆风模式
    "off":
      name: 关闭  # 关闭摆风
      icon: mdi:close  # 对应的图标
    vertical:
      name: 垂直摆动  # 垂直摆风
      icon: mdi:arrow-up-down-bold  # 对应的图标
    horizontal:
      name: 水平摆动  # 水平摆风
      icon: mdi:arrow-left-right-bold  # 对应的图标
    both:
      name: 同时摆动  # 同时进行水平和垂直摆风
      icon: mdi:swap-horizontal-bold  # 对应的图标
  preset:  # 预设模式,例如舒适、节能等
    away:
      name: 离开  # 离开模式,适合不在家时使用
      icon: mdi:walk  # 对应的图标
    comfort:
      name: 舒适  # 舒适模式,通常适合居家使用
      icon: mdi:sofa  # 对应的图标
    eco:
      name: 节能  # 节能模式,减少能耗
      icon: mdi:leaf  # 对应的图标
    boost:
      name: 超强  # 超强模式,迅速调节温度
      icon: mdi:flash  # 对应的图标
    none:
      name: 正常  # 正常模式,没有特殊设置
      icon: mdi:home  # 对应的图标
    sleep:
      name: 睡眠  # 睡眠模式,通常会逐步调节温度
      icon: mdi:bed  # 对应的图标
card_mod:
  style: |  # 自定义卡片样式
    :host {  # 针对卡片主机元素的样式设置
      --st-font-size-title: 20px;  # 设置空调名称的字体大小为20px
    }


空调卡片Simple Thermostat.zip (1.53 KB, 下载次数: 4)





回复

使用道具 举报

0

主题

13

帖子

1316

积分

金牌会员

Rank: 6Rank: 6

积分
1316
金钱
1303
HASS币
0
发表于 4 天前 | 显示全部楼层
关注一波
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-10-23 03:21 , Processed in 0.049253 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表