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

 找回密码
 立即注册
查看: 4341|回复: 7

[技术探讨] floorplan中如何实现点击开关控制其他图形元素的显示颜色

[复制链接]

1

主题

39

帖子

122

积分

注册会员

Rank: 2

积分
122
金钱
83
HASS币
0
发表于 2019-5-26 14:56:49 | 显示全部楼层 |阅读模式
在floorplan中,在floorplan.yaml中使用代码:

groups:
        - name: Switchs
          entities:
            - switch.humidifier2
          action:
            domain: homeassistant
            service: toggle
          states:
            - state: 'off'
              class: 'light-off'
            - state: 'on'
              class: light-on'  


并在floorplan.css中使用代码:
.light-off {
    fill: #FFFF78 !important;   
    fill-opacity: 1  !important;   
}
.light-on {
    fill: #000000 !important;   
    fill-opacity: 1  !important;   
}

通过在图形界面中点击开关,可实现开关的控制并根据对应状态改变开关图标元素的颜色。


但是如果点击这个开关,想要实现另外一个图形元素的颜色改变,应该如何写代码呢?有哪位大神可以指导一下?先谢谢了





回复

使用道具 举报

40

主题

2176

帖子

8288

积分

元老级技术达人

积分
8288
金钱
6097
HASS币
110
发表于 2019-5-27 11:33:56 | 显示全部楼层
floorplan很少有人用了吧...
回复

使用道具 举报

1

主题

39

帖子

122

积分

注册会员

Rank: 2

积分
122
金钱
83
HASS币
0
 楼主| 发表于 2019-5-27 15:41:39 | 显示全部楼层
ghostist 发表于 2019-5-27 11:33
floorplan很少有人用了吧...

为什么呢?过时很久了?
回复

使用道具 举报

40

主题

2176

帖子

8288

积分

元老级技术达人

积分
8288
金钱
6097
HASS币
110
发表于 2019-5-27 16:16:03 | 显示全部楼层
bydram 发表于 2019-5-27 15:41
为什么呢?过时很久了?

复杂繁琐 效果一般 上手门槛高
对我来说就是这样...
回复

使用道具 举报

30

主题

997

帖子

4151

积分

论坛元老

Rank: 8Rank: 8

积分
4151
金钱
3149
HASS币
0

活跃会员

发表于 2019-5-27 16:55:21 | 显示全部楼层
如果不做动画效果的话,用lovelace里面的picture-element基本上可以替代floorplan,而且实现起来比较方便
回复

使用道具 举报

20

主题

310

帖子

1481

积分

金牌会员

Rank: 6Rank: 6

积分
1481
金钱
1171
HASS币
0
发表于 2019-9-8 01:28:34 | 显示全部楼层
请问你这个问题解决了吗?我也有这样的需求
回复

使用道具 举报

40

主题

2176

帖子

8288

积分

元老级技术达人

积分
8288
金钱
6097
HASS币
110
发表于 2020-4-15 14:31:59 | 显示全部楼层
时隔1年 我入坑floorplan了  有这个需求...
正在想怎么解决
回复

使用道具 举报

5

主题

322

帖子

1345

积分

金牌会员

Rank: 6Rank: 6

积分
1345
金钱
1023
HASS币
0
发表于 2020-4-15 15:34:50 | 显示全部楼层
估计需要定义一个虚拟传感,主要思路还是联动!
另外,使用单独的group策略不知能否能实现
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-26 01:40 , Processed in 0.092954 second(s), 30 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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