找回密码
 立即注册

微信扫码登录

搜索
查看: 1661|回复: 76

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

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

11

主题

381

回帖

3297

积分

论坛UI达人

积分
3297
金钱
2905
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

主题

291

回帖

2704

积分

金牌会员

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

使用道具 举报

4

主题

134

回帖

945

积分

高级会员

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

使用道具 举报

4

主题

166

回帖

1064

积分

金牌会员

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

使用道具 举报

62

主题

230

回帖

2223

积分

论坛技术达人

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

使用道具 举报

3

主题

84

回帖

2900

积分

金牌会员

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

使用道具 举报

0

主题

31

回帖

189

积分

注册会员

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

使用道具 举报

8

主题

311

回帖

3376

积分

论坛元老

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

使用道具 举报

0

主题

50

回帖

268

积分

中级会员

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

使用道具 举报

3

主题

134

回帖

1164

积分

金牌会员

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-11-16 10:23 , Processed in 0.089353 second(s), 13 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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