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

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

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

  [复制链接]

9

主题

69

帖子

1356

积分

论坛UI达人

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

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

使用道具 举报

9

主题

242

帖子

1287

积分

金牌会员

Rank: 6Rank: 6

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

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

使用道具 举报

0

主题

30

帖子

236

积分

中级会员

Rank: 3Rank: 3

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

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

使用道具 举报

3

主题

41

帖子

304

积分

中级会员

Rank: 3Rank: 3

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

使用道具 举报

0

主题

9

帖子

188

积分

注册会员

Rank: 2

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

使用道具 举报

6

主题

99

帖子

1025

积分

金牌会员

Rank: 6Rank: 6

积分
1025
金钱
926
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

主题

278

帖子

2257

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

6

主题

99

帖子

1025

积分

金牌会员

Rank: 6Rank: 6

积分
1025
金钱
926
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

主题

278

帖子

2257

积分

金牌会员

Rank: 6Rank: 6

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

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

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-22 05:09 , Processed in 0.056957 second(s), 33 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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