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

 找回密码
 立即注册
查看: 2648|回复: 13

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

[复制链接]

1

主题

9

帖子

117

积分

论坛分享达人

积分
117
金钱
108
HASS币
10
发表于 2024-10-18 13:50:01 | 显示全部楼层 |阅读模式
本帖最后由 正混吉 于 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, 下载次数: 71)





评分

参与人数 4金钱 +49 HASS币 +10 收起 理由
llgxdnn + 8 感谢楼主分享!
sorrypqa + 16 高手,这是高手!
admin + 20 + 10 感谢楼主分享!
a_zhi + 5 感谢楼主分享!

查看全部评分

回复

使用道具 举报

0

主题

13

帖子

1422

积分

金牌会员

Rank: 6Rank: 6

积分
1422
金钱
1409
HASS币
0
发表于 2024-10-19 08:32:27 | 显示全部楼层
关注一波
回复

使用道具 举报

1

主题

64

帖子

520

积分

高级会员

Rank: 4

积分
520
金钱
456
HASS币
0
发表于 2024-10-23 08:04:26 | 显示全部楼层
感谢分享。
回复

使用道具 举报

1

主题

18

帖子

99

积分

注册会员

Rank: 2

积分
99
金钱
81
HASS币
0
发表于 2024-10-23 10:13:31 | 显示全部楼层
功能都能出来了,很强大
回复

使用道具 举报

3

主题

65

帖子

484

积分

中级会员

Rank: 3Rank: 3

积分
484
金钱
419
HASS币
0
发表于 2024-10-29 23:33:47 | 显示全部楼层
我的空调温度单位是华氏度,这个可以调整吗
回复

使用道具 举报

0

主题

620

帖子

2570

积分

金牌会员

Rank: 6Rank: 6

积分
2570
金钱
1950
HASS币
0
发表于 2024-11-4 13:56:14 | 显示全部楼层
真不错,点赞
回复

使用道具 举报

2

主题

50

帖子

190

积分

注册会员

Rank: 2

积分
190
金钱
140
HASS币
0
发表于 2024-11-4 15:57:17 | 显示全部楼层
请问怎么安装
回复

使用道具 举报

0

主题

6

帖子

32

积分

新手上路

Rank: 1

积分
32
金钱
26
HASS币
0
发表于 2024-11-12 00:26:00 | 显示全部楼层
感谢楼主分享,我来试试
回复

使用道具 举报

1

主题

9

帖子

117

积分

论坛分享达人

积分
117
金钱
108
HASS币
10
 楼主| 发表于 2024-11-15 09:41:56 | 显示全部楼层
本帖最后由 正混吉 于 2024-11-15 09:44 编辑

以下为小米空调 自然风 的代码配置,关闭空调时隐藏风速和方向选项,同时隐藏图标,以节约空间。
各品牌的空调功能有差异,可参考代码的差异自行修改。



360截图20241115094224.png 360截图20241115094243.png
type: custom:simple-thermostat
entity: climate.xiaomi_r34r00_6c0d_air_conditioner
step_size: 0.5
label:
  state: 状态
  temperature: 室内温度
layout:
  mode:
    headings: false
  step: row
header:
  name: 小米 自然风 Pro
  toggle:
    entity: light.xiaomi_r34r00_6c0d_indicator_light
    name: 面板灯
  faults:
    entity: light.xiaomi_r34r00_6c0d_indicator_light
sensors:
  - entity: sensor.xiaomi_r34r00_6c0d_relative_humidity
    name: 室内湿度
  - entity: sensor.xiaomi_r34r00_6c0d_power_consumption
    name: 用电
control:
  hvac:
    "off":
      name: 关
    heat:
      name: 制热
    cool:
      name: 制冷
    auto:
      name: 自动
    dry:
      name: 除湿
    fan_only:
      name: 送风
  fan:
    _hide_when_off: true
    auto:
      name: 自动风
      icon: false
    level1:
      name: 1档
    level2:
      name: 2档
    level3:
      name: 3档
    level4:
      name: 4档
    level5:
      name: 5档
    level6:
      name: 6档
    level7:
      name: 7档
    level8:
      name: 8档
  swing:
    _hide_when_off: true
    "off":
      name: 关闭摆动
      icon: false
    vertical:
      name: 上下摆动
    horizontal:
      name: 左右摆动
    both:
      name: 同时摆动
card_mod:
  style: |
    ha-card {
        --st-font-size-xl: 24px;  # 最大字体大小
        --st-font-size-m: 20px;   # 中等字体大小
        --st-font-size-title: 10; # 设置空调名称字体大小
        --st-font-size-sensors: 30px; # 传感器字体大小
        --st-spacing: 2px;        # 元素间距
    }




回复

使用道具 举报

1

主题

9

帖子

117

积分

论坛分享达人

积分
117
金钱
108
HASS币
10
 楼主| 发表于 2024-11-15 09:47:06 | 显示全部楼层
小米空调 巨省电系列
type: custom:simple-thermostat
entity: climate.xiaomi_r24r00_150d_air_conditioner
step_size: 0.5
label:
  state: 状态
  temperature: 室内温度
  humidity: 湿度
layout:
  mode:
    headings: false
  step: row
header:
  name: 小米 巨省电
  toggle:
    entity: light.xiaomi_r24r00_150d_indicator_light
    name: 面板灯
  faults:
    entity: light.xiaomi_r24r00_150d_indicator_light
sensors:
  - entity: sensor.xiaomi_r24r00_150d_relative_humidity
    name: 室内湿度
control:
  hvac:
    "off":
      name: 关
    heat:
      name: 制热
    cool:
      name: 制冷
    auto:
      name: 自动
    dry:
      name: 除湿
    fan_only:
      name: 送风
  fan:
    _hide_when_off: true
    auto:
      name: 自动风
      icon: false
    level1:
      name: 1档
    level2:
      name: 2档
    level3:
      name: 3档
    level4:
      name: 4档
    level5:
      name: 5档
    level6:
      name: 6档
    level7:
      name: 7档
    level8:
      name: 8档
  swing:
    _hide_when_off: true
    "off":
      name: 关闭摆动
      icon: false
    vertical:
      name: 上下摆动
      icon: false
card_mod:
  style: |
    ha-card {
        --st-font-size-xl: 24px;  # 最大字体大小
        --st-font-size-m: 20px;   # 中等字体大小
        --st-font-size-title: 10; # 设置空调名称字体大小
        --st-font-size-sensors: 30px; # 传感器字体大小
        --st-spacing: 2px;        # 元素间距
    }
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-12-26 22:10 , Processed in 0.082144 second(s), 36 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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