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

 找回密码
 立即注册
查看: 2661|回复: 6

[UI界面] 23年10月特性:磁贴卡片的新特性

[复制链接]

25

主题

224

帖子

1032

积分

金牌会员

007潜水了

Rank: 6Rank: 6

积分
1032
金钱
808
HASS币
0
发表于 2023-10-17 13:58:06 | 显示全部楼层 |阅读模式
本帖最后由 demacia 于 2023-10-17 22:38 编辑

在官方10月份更新里面看到这样一张图,说的是对磁贴卡片的新升级。新的磁贴卡片支持feature参数配置,具体可以参考官方文档。https://www.home-assistant.io/dashboards/tile/#climate-hvac-modes



                               
登录/注册后可看大图

这个样式中央空调很适合(开始以为下面select选择时切换空调entity的,@Necroneco 解释是空调的一个属性。。 )先上下我最终的卡片效果,可以通过底部下拉选择空调实体。
1.jpg


2.jpg


### 通过hacs安装了两个卡片前端(组件?)
custom:card-templater:用途是可以利用现有的card信息,对这些card的参数做模板话设置格式是`<原参数名+'_template'>`,然后后面的值就可以用jinja2模板了,比如下面卡片代码中的name_template, entity_template
custom:vertical-stack-in-card:用法和自带的vertical-stack(垂直堆叠)基本一样,区别是会把多个卡片之间的空隙给抹掉拼接在一起,看起来就像是一个card卡片


### 设置input_select
下拉框这个实体是直接在`ha>设备与服务>辅助元素`里设置的,选择设置下拉菜单,按照需求设置。


### 最后就是创建该卡片
就是jinja模板里通过读取第二个tilecard里设置input_select状态信息,来动态指定第一个tile card里空调的实体


### 卡片代码
type: custom:card-templater
card:
  type: custom:vertical-stack-in-card
  title: ''
  cards:
    - type: tile
      name_template: >
        {%- if states.input_select.kong_diao.state == '主卧'  %}主卧空调{% elif
        states.input_select.kong_diao.state == '次卧' %}次卧空调{% elif
        states.input_select.kong_diao.state == '客厅' %}客厅空调{% elif
        states.input_select.kong_diao.state == '儿童房' %}儿童房空调{% elif
        states.input_select.kong_diao.state == '书房' %}书房空调{% endif -%}
      entity_template: >
        climate.090615_ktf_000{%- if states.input_select.kong_diao.state ==
        '主卧'  %}4{% elif states.input_select.kong_diao.state == '次卧' %}5{% elif
        states.input_select.kong_diao.state == '客厅' %}3{% elif
        states.input_select.kong_diao.state == '儿童房' %}2{% elif
        states.input_select.kong_diao.state == '书房' %}1{% endif
        -%}_air_conditioner
      features:
        - type: climate-hvac-modes
          hvac_modes:
            - auto
            - fan_only
            - 'off'
        - type: target-temperature
    - features:
        - type: select-options
      type: tile
      name: ' '
      entity: input_select.kong_diao
      show_entity_picture: false
entities:
  - climate.090615_ktf_0001_air_conditioner
  - climate.090615_ktf_0002_air_conditioner
  - climate.090615_ktf_0003_air_conditioner
  - climate.090615_ktf_0004_air_conditioner
  - climate.090615_ktf_0005_air_conditioner
  - input_select.kong_diao




回复

使用道具 举报

0

主题

608

帖子

2516

积分

金牌会员

Rank: 6Rank: 6

积分
2516
金钱
1908
HASS币
0
发表于 2023-10-17 14:11:46 | 显示全部楼层
第二个图看不到,是我网络问题吗?
回复

使用道具 举报

25

主题

224

帖子

1032

积分

金牌会员

007潜水了

Rank: 6Rank: 6

积分
1032
金钱
808
HASS币
0
 楼主| 发表于 2023-10-17 14:25:06 | 显示全部楼层
感觉是论坛图片服务器有点问题,添加了附件的方式查看图片
回复

使用道具 举报

2

主题

187

帖子

1620

积分

金牌会员

Rank: 6Rank: 6

积分
1620
金钱
1433
HASS币
0
发表于 2023-10-17 18:24:48 | 显示全部楼层
官网的示例是选 preset,不是选空调
回复

使用道具 举报

25

主题

224

帖子

1032

积分

金牌会员

007潜水了

Rank: 6Rank: 6

积分
1032
金钱
808
HASS币
0
 楼主| 发表于 2023-10-17 19:41:59 | 显示全部楼层
Necroneco 发表于 2023-10-17 18:24
官网的示例是选 preset,不是选空调
- id: '1575231618455'
  alias: Thermostat - We're Home
  description: ''
  trigger:
  - entity_id: group.parents
    platform: state
    to: not_away
  condition: []
  action:
  - alias: ''
    data: {}
    service: climate.set_preset_mode
    entity_id: climate.thermostat


preset是啥?空调的预设模式参数?我看别人的代码 climate.set_preset_mode
回复

使用道具 举报

2

主题

187

帖子

1620

积分

金牌会员

Rank: 6Rank: 6

积分
1620
金钱
1433
HASS币
0
发表于 2023-10-18 00:20:48 | 显示全部楼层
demacia 发表于 2023-10-17 19:41
preset是啥?空调的预设模式参数?我看别人的代码 climate.set_preset_mode

嗯 就是预设(就是类似节能、睡眠 、强劲这种的),用开发者工具看climate,有个 preset_modes 属性,就是选这里面的东西。(空调or集成也不一定有支持这个功能)
回复

使用道具 举报

0

主题

20

帖子

83

积分

注册会员

Rank: 2

积分
83
金钱
63
HASS币
0
发表于 2023-11-30 10:48:42 | 显示全部楼层
膜拜大佬,学习一下
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-26 09:00 , Processed in 0.821402 second(s), 31 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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