请选择 进入手机版 | 继续访问电脑版

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

 找回密码
 立即注册
查看: 1018|回复: 15

[UI界面] 分享一个UI设计的小技巧(不建议入坑,多陪陪家人)

[复制链接]

7

主题

66

帖子

476

积分

中级会员

Rank: 3Rank: 3

积分
476
金钱
410
HASS币
20
发表于 2022-8-7 00:51:56 | 显示全部楼层 |阅读模式
先上一下效果(半成品)
微信截图_20220807003732.png
没什么好说的,直接贴上核心代码

以最右下角的风扇为例
type: custom:mushroom-climate-card
entity: climate.lumi_v2_df16_air_conditioner
hvac_modes:
  - dry
  - auto
show_temperature_control: true
fill_container: false
collapsible_controls: false
name: 空调
style: |
  ha-card {
  background: url('/local/pic/微信截图_20220807003340.png');
  background-repeat: no-repeat;
  background-size: 110%;

先安装card-mod,HACS直接下载。使用时就把它理解成可以单独设置每一个卡片的主题,我们都知道themes里面的主题都可以设置全局的卡片规格,文字大小,字体,以及背景颜色等。
有了card-mod之后就可以在许多独立的卡片中进行这些设置
比如我就用了大量的图片作为卡片背景,只要在卡片的最下方添加card-mod代码即可。

接下来就是繁琐的找图,PS ,调试等步骤
2.png
3.png

打造自己中意的UI完全没有捷径,教程上也没有什么特别好讲的,毕竟这都是非常私人的东西,大家脑子里要先有一个大概的方向,然后根据自己的需求再去找实现他们的方法。

HA是个极度极度自由跟完整的东西,只要你有想法,你一定能找到实现它的方法

以后如果有发现好玩的卡片,我也会多放出来跟大家分享




评分

参与人数 7金钱 +62 收起 理由
phofun + 5 感谢楼主分享!
+ 20 感谢楼主分享!
yezivv + 8 感谢楼主分享!
scabbers + 5
jjcs + 10 论坛有你更精彩!
yotashop + 6 赠人玫瑰,手留余香!
独心 + 8 我来瀚思就为看你!

查看全部评分

回复

使用道具 举报

0

主题

114

帖子

340

积分

中级会员

Rank: 3Rank: 3

积分
340
金钱
226
HASS币
0
发表于 2022-8-7 00:53:58 | 显示全部楼层
我来了,这么好看的作业准备抄起来
回复

使用道具 举报

0

主题

45

帖子

480

积分

中级会员

Rank: 3Rank: 3

积分
480
金钱
435
HASS币
0
发表于 2022-8-7 06:42:18 | 显示全部楼层
好看,房子也大,感谢分享,终极羡慕。
回复

使用道具 举报

3

主题

107

帖子

442

积分

中级会员

Rank: 3Rank: 3

积分
442
金钱
335
HASS币
0
发表于 2022-8-7 09:54:31 | 显示全部楼层
继续支持大胡哥
回复

使用道具 举报

17

主题

749

帖子

2665

积分

金牌会员

Rank: 6Rank: 6

积分
2665
金钱
1916
HASS币
0
发表于 2022-8-7 10:39:26 | 显示全部楼层
        论坛有你更精彩!
折腾精神永存,感恩感谢论坛每一位愿意分享和帮助过我的大佬,论坛有你更精彩
回复

使用道具 举报

29

主题

1673

帖子

3509

积分

论坛元老

Rank: 8Rank: 8

积分
3509
金钱
1836
HASS币
40
QQ
发表于 2022-8-7 15:56:37 | 显示全部楼层
膜拜大神。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

0

主题

8

帖子

131

积分

注册会员

Rank: 2

积分
131
金钱
123
HASS币
0
发表于 2022-8-7 16:15:24 | 显示全部楼层
漂亮,赞个,楼主做了我一直想做的事情,可惜太菜整不出来
回复

使用道具 举报

2

主题

86

帖子

1238

积分

金牌会员

Rank: 6Rank: 6

积分
1238
金钱
1152
HASS币
0
发表于 2022-8-7 22:57:55 | 显示全部楼层
好看呀!!
回复

使用道具 举报

0

主题

13

帖子

60

积分

注册会员

Rank: 2

积分
60
金钱
47
HASS币
0
发表于 2022-8-8 10:28:26 | 显示全部楼层
大佬666
回复

使用道具 举报

35

主题

443

帖子

2283

积分

金牌会员

Rank: 6Rank: 6

积分
2283
金钱
1840
HASS币
10
发表于 2022-8-8 10:35:33 | 显示全部楼层
外滩194平的大豪斯
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2022-8-16 21:30 , Processed in 0.061616 second(s), 37 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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