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

 找回密码
 立即注册
楼主: 消逝

[UI界面] HA彩平图UI分享(停更-移步新帖)

  [复制链接]

8

主题

60

帖子

1115

积分

论坛UI达人

积分
1115
金钱
1045
HASS币
28
 楼主| 发表于 2024-7-3 02:48:42 | 显示全部楼层
hungheo 发表于 2024-7-2 22:02
不能说一模一样,至少5分相似

不错不错,这种高亮度的灯光好看,我也试试高亮的效果
回复

使用道具 举报

9

主题

242

帖子

1277

积分

金牌会员

Rank: 6Rank: 6

积分
1277
金钱
1035
HASS币
0
发表于 2024-7-3 03:21:00 | 显示全部楼层
19919992769 发表于 2024-7-3 02:48
不错不错,这种高亮度的灯光好看,我也试试高亮的效果

是说的这个吗:
https://bbs.hassbian.com/forum.p ... 5894&pid=614198
回复

使用道具 举报

0

主题

25

帖子

156

积分

注册会员

Rank: 2

积分
156
金钱
131
HASS币
0
发表于 2024-7-4 02:47:06 | 显示全部楼层
hungheo 发表于 2024-7-2 22:02
不能说一模一样,至少5分相似

大佬 背景随时间变化那个怎么搞
回复

使用道具 举报

3

主题

41

帖子

298

积分

中级会员

Rank: 3Rank: 3

积分
298
金钱
257
HASS币
0
发表于 2024-7-4 09:53:01 | 显示全部楼层
太牛了,照着学习收藏了
回复

使用道具 举报

0

主题

9

帖子

186

积分

注册会员

Rank: 2

积分
186
金钱
177
HASS币
0
发表于 2024-7-4 10:01:27 | 显示全部楼层
好东西,要支持
回复

使用道具 举报

5

主题

78

帖子

832

积分

高级会员

Rank: 4

积分
832
金钱
754
HASS币
0
发表于 2024-7-4 10:13:10 | 显示全部楼层
本帖最后由 hungheo 于 2024-7-4 10:28 编辑
userdragon 发表于 2024-7-4 02:47
大佬 背景随时间变化那个怎么搞

这个楼主已经写的很清楚了啊,就是色相随时间变化
主要看这句:
[[[return "hue-rotate("+states['sensor.time_m1'].state+"deg)"]]]
hue-rotate是css中色相,"+states['sensor.time_m1'].state+" 这个是随时间变化的值,deg可以理解为单位

假如时间值是50
简化一下就是:[[[return "hue-rotate(50deg)"]]]


其中的time_m1 ,是楼主在template文件里创建的实体,如下
- name: time_m1
  state: "{{ states.sensor.time.state[3:5]|round(0)*6  }}"
上面都是楼主1楼的代码


如果觉得time_m1创建麻烦,直接在界面上,辅助元素里面创建一个template辅助元素就可以
屏幕截图 2024-07-04 102526.png
回复

使用道具 举报

18

主题

277

帖子

2129

积分

金牌会员

Rank: 6Rank: 6

积分
2129
金钱
1852
HASS币
0
发表于 2024-7-4 10:26:23 | 显示全部楼层
搞了好几天了,先不管灯的开关位置 就是这个背景2和这个房间框图和家居框图他对不上啊~
PixPin_2024-07-04_10-25-46.png
回复

使用道具 举报

5

主题

78

帖子

832

积分

高级会员

Rank: 4

积分
832
金钱
754
HASS币
0
发表于 2024-7-4 10:35:09 | 显示全部楼层
zhuzhuaini 发表于 2024-7-4 10:26
搞了好几天了,先不管灯的开关位置 就是这个背景2和这个房间框图和家居框图他对不上啊~
...

几个图片的大小一样的情况下,在lovelace中的位置,高度,宽度,都要一致才行,
回复

使用道具 举报

0

主题

4

帖子

78

积分

注册会员

Rank: 2

积分
78
金钱
74
HASS币
0
发表于 2024-7-4 11:08:47 | 显示全部楼层
学习中,抄作业
回复

使用道具 举报

18

主题

277

帖子

2129

积分

金牌会员

Rank: 6Rank: 6

积分
2129
金钱
1852
HASS币
0
发表于 2024-7-4 13:23:34 | 显示全部楼层
hungheo 发表于 2024-7-4 10:35
几个图片的大小一样的情况下,在lovelace中的位置,高度,宽度,都要一致才行, ...

奇怪 我是照搬楼主的  他就是房间框图和家居框图是一个尺寸 但都比背景大呀
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-9-19 09:27 , Processed in 0.068520 second(s), 33 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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