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

 找回密码
 立即注册
查看: 71860|回复: 48

[基础教程] 【色彩缤纷】改变图标色彩,鲜明显示状态,估计有人看

  [复制链接]

14

主题

660

帖子

3973

积分

论坛元老

Rank: 8Rank: 8

积分
3973
金钱
3308
HASS币
10
发表于 2018-1-22 22:51:45 | 显示全部楼层 |阅读模式
本帖最后由 余歌唱晚 于 2018-1-23 16:55 编辑

经过前期不停的翻找帖子,翻墙找资料,问大家,总算对homeassistant有了一个大致的了解
不断的折腾中总有各种自己的想法
图标变化颜色就是其中之一
主要之想知道设备home away情况,方便快速发现离线设备

经过坛友提醒,加上自己验证,发现需要custom_ui     rgb_color的调用需要custom_ui 。。。

翻找了论坛也没找到,爬墙找了一天。
现在把借(piao)鉴(qie),和自己尝试的成果和大家分享一下
一句话说就是发现了 rgb_color 这个state
下面就分类用法给大家汇报一下
一、最简单的直接加颜色属性:
屏幕快照 2018-01-22 下午10.12.33.png 屏幕快照 2018-01-22 下午10.12.22.png
修改位置在customize.yaml 也可能在packages或其他,按照个人口味参考
sensor.helpweather_now_today:
  friendly_name: 今天日期
  homebridge_hidden: true
  rgb_color: 255,0,0


二、根据State(Filter states)状态改变颜色:
switch 系统自动就会变icon这也是我觉得可以自定义的原因
下右图片可以说明问题
屏幕快照 2018-01-22 下午10.26.15.png 屏幕快照 2018-01-22 下午10.28.35.png
屏幕快照 2018-01-22 下午10.30.42.png 屏幕快照 2018-01-22 下午10.31.32.png
修改位置在customize.yaml 也可能在packages或其他,按照个人口味参考

switch.coffee:
  friendly_name: 咖啡机
  icon: mdi:coffee-outline
  templates:
    rgb_color: if (state === 'on') return [50, 205, 50]; else return [255, 0, 0];

这里是引入了一个templates 然后再加入rgb_color

一、有点小小小技术含量的属性判断增加颜色属性:
屏幕快照 2018-01-22 下午10.36.17.png

特别感谢提供斐讯M1接入支持的各位大神…………
这里的空气质量是加了数值区间判断,想想是前端就按照JavaScript的代码规则试了试 结果成功了
我设置小于50绿色 50-100 橙色 100+红色,大家可以自行设置
    sensor.m1_pm25:
      icon: mdi:blur
      templates:
        rgb_color: if (state <= 50 ) return [50, 205, 50]; if (state > 50 && state <= 100 ) return [255, 215, 0]; else return [255, 0, 0];


PS:斐讯M1的所有配置都在packages里面,把传感器写到customize.yaml 里面无效,直接在
packages修改有效,推断!include packages 优先级高于customize.yaml



小小分享,大神勿喷。这个是需要custom_ui 。。。



同类设备、同类state应该可以写成自动化 没必要和我一样 每一个都增加重复的属性
但是,我不会啊……官方文档的结构和查找还没有吃透,总查不到想要的东西。


希望大神们给写个自动化













评分

参与人数 5金钱 +64 收起 理由
jyz_0501 + 6 期待自动化~~~~
windgo + 10 谢谢分享!
neroxps + 10 又如滚滚黄河之水,一发不可收拾…….
27hh + 18 膜拜大神!
+ 20 这个必须得加分了!

查看全部评分

回复

使用道具 举报

219

主题

1287

帖子

7953

积分

超级版主

Rank: 8Rank: 8

积分
7953
金钱
6636
HASS币
86

教程狂人论坛风云人物突出贡献

发表于 2018-1-22 22:58:56 来自手机 | 显示全部楼层
有意思大受启发
回复

使用道具 举报

123

主题

4665

帖子

1万

积分

管理员

囧死

Rank: 9Rank: 9Rank: 9

积分
16452
金钱
11702
HASS币
45
发表于 2018-1-22 23:02:07 | 显示全部楼层
没多余的话说,只能顶!
回复

使用道具 举报

12

主题

397

帖子

2289

积分

金牌会员

Rank: 6Rank: 6

积分
2289
金钱
1892
HASS币
10
发表于 2018-1-22 23:04:33 | 显示全部楼层
我也只能顶,厉害
回复

使用道具 举报

1

主题

281

帖子

1224

积分

金牌会员

Rank: 6Rank: 6

积分
1224
金钱
942
HASS币
0
发表于 2018-1-22 23:22:14 来自手机 | 显示全部楼层
厉害了,我的大神
回复

使用道具 举报

13

主题

258

帖子

2090

积分

金牌会员

Rank: 6Rank: 6

积分
2090
金钱
1832
HASS币
0
发表于 2018-1-23 00:21:19 | 显示全部楼层
感谢分享,太有用了。
回复

使用道具 举报

31

主题

188

帖子

1803

积分

论坛技术达人

积分
1803
金钱
1595
HASS币
20

教程狂人论坛风云人物

发表于 2018-1-23 01:07:14 来自手机 | 显示全部楼层
厉害了!
回复

使用道具 举报

5

主题

142

帖子

968

积分

高级会员

Rank: 4

积分
968
金钱
825
HASS币
0
发表于 2018-1-23 09:16:29 | 显示全部楼层
留个脚印先,学习学习
回复

使用道具 举报

40

主题

3056

帖子

1万

积分

超级版主

Nero

Rank: 8Rank: 8

积分
11149
金钱
8042
HASS币
182
发表于 2018-1-23 09:34:10 | 显示全部楼层
不错,谢谢分享
Nero
回复

使用道具 举报

2

主题

196

帖子

1357

积分

金牌会员

Rank: 6Rank: 6

积分
1357
金钱
1161
HASS币
0
发表于 2018-1-23 09:44:41 | 显示全部楼层
果然厉害,之前还在琢磨这个呢
★Raspberry + Raspbian + Home Assistant v0.1
★树莓派 + Raspbian系统 + HomeAssistant
https://github.com/huangqian8/homeassistant
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-12-26 21:44 , Processed in 0.122887 second(s), 36 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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