找回密码
 立即注册

微信扫码登录

搜索
查看: 3402|回复: 109

[UI界面] 拥抱“部件视图”-之-小部件

  [复制链接]
hhh. 手机认证

11

主题

390

回帖

3376

积分

论坛UI达人

积分
3376
金钱
2975
HASS币
0
发表于 2025-11-1 21:53:49 | 显示全部楼层 |阅读模式
本帖最后由 hhh. 于 2025-11-8 18:56 编辑

论坛中有许多大佬,制作的许多UI界面,各类风格,好不漂亮。直观的感受是,复制无比困难,可以说难以实现。
恰逢其时,HA官方推出了 “部件” 视图,简约、直观、易上手为特点,大大降低了 UI 界面设计与实现的门槛。对于想要打造个性化界面的用户而言,这无疑提供了一条更轻松、更高效的路径。


个人比较喜欢这类风格,且UI实现,优先考虑的就是可视化易操作,真是喜欢。
好了,闲话少叙,言归正传——上卡片!

自定义卡片

1. Custom Stack Cards
卡内堆叠.jpeg
特点:在单个卡片内堆叠多个子卡。支持垂直,水平,网格三种布局,当然,支持“部件”。

2. Lunar Info Card
lunar-info-card.jpeg
特点:hhh-农历 node-red 流程专用卡片,支持模板,理论支持所有农历实体。

3. Custom Features for Home Assistant Cards
卡片功能.jpeg
特点:为卡片添加功能,支持,按钮,下拉菜单,输入,滑块等许多自定义功能,这个卡片目前在”部件“视图中,很棒。

小部件

说明:卡片由button-card实现,可以说就像手机中的小部件一样,按自己喜好随意添加。
这个小部件大家喜欢的话,会继续更新,大家也可以提供示例。

时钟+农历
时钟 农历.jpeg

天气
天气卡片.jpeg

时间
时间卡片.jpeg

时间+星期
时间 星期.jpeg

农历:hhh-农历流程
天气:@dscao 大佬的和风天气,天气图标使用的是和风天气图标包,将附件中的天气图标包放入www文件夹中。
时间,日期,为默认实体,理论不用更改。

更新:
  • 2025.11.08:更新时间卡片,无需实体,添加即用。

为尽可能让更多人看到,添加回复可见,见谅!
游客,如果您要查看本帖隐藏内容请回复






评分

参与人数 2金钱 +24 收起 理由
DDDear + 12 高手,这是高手!
隔壁的王叔叔 + 12 感谢楼主分享!

查看全部评分

回复

使用道具 举报

15

主题

293

回帖

2758

积分

金牌会员

积分
2758
金钱
2445
HASS币
50
发表于 2025-11-2 06:16:38 | 显示全部楼层
谢谢分享
回复

使用道具 举报

4

主题

135

回帖

981

积分

高级会员

积分
981
金钱
842
HASS币
0
发表于 2025-11-2 07:26:01 | 显示全部楼层
谢谢分享
回复

使用道具 举报

4

主题

172

回帖

1119

积分

金牌会员

积分
1119
金钱
943
HASS币
0
发表于 2025-11-2 07:31:50 | 显示全部楼层
谢谢你的分享
回复

使用道具 举报

64

主题

235

回帖

2325

积分

论坛技术达人

积分
2325
金钱
2021
HASS币
20
发表于 2025-11-2 07:34:54 | 显示全部楼层
拥抱“部件视图”-之-小部件
回复

使用道具 举报

3

主题

86

回帖

2961

积分

金牌会员

积分
2961
金钱
2872
HASS币
0
发表于 2025-11-2 16:55:02 | 显示全部楼层
看一下如何制作
回复

使用道具 举报

0

主题

34

回帖

204

积分

中级会员

积分
204
金钱
170
HASS币
0
发表于 2025-11-2 18:26:22 | 显示全部楼层
要看看,学习一下
回复

使用道具 举报

8

主题

314

回帖

3402

积分

论坛元老

积分
3402
金钱
3080
HASS币
0
发表于 2025-11-2 19:53:13 | 显示全部楼层
谢谢分享
回复

使用道具 举报

0

主题

50

回帖

272

积分

中级会员

积分
272
金钱
222
HASS币
0
发表于 2025-11-2 20:34:29 | 显示全部楼层
666666666666
回复

使用道具 举报

3

主题

144

回帖

1246

积分

金牌会员

积分
1246
金钱
1099
HASS币
0
发表于 2025-11-2 21:34:46 | 显示全部楼层
赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian ( 晋ICP备17001384号-1 )

GMT+8, 2025-12-17 15:13 , Processed in 1.407034 second(s), 13 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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