找回密码
 立即注册

微信扫码登录

搜索
查看: 125|回复: 4

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

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

11

主题

373

回帖

3231

积分

论坛UI达人

积分
3231
金钱
2847
HASS币
0
发表于 昨天 21:53 | 显示全部楼层 |阅读模式
本帖最后由 hhh. 于 2025-11-1 21:59 编辑

论坛中有许多大佬,制作的许多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文件夹中。
时间,日期,为默认实体,理论不用更改。

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





评分

参与人数 1金钱 +12 收起 理由
隔壁的王叔叔 + 12 感谢楼主分享!

查看全部评分

回复

使用道具 举报

15

主题

289

回帖

2688

积分

金牌会员

积分
2688
金钱
2379
HASS币
50
发表于 6 小时前 | 显示全部楼层
谢谢分享
回复

使用道具 举报

4

主题

134

回帖

933

积分

高级会员

积分
933
金钱
795
HASS币
0
发表于 5 小时前 | 显示全部楼层
谢谢分享
回复

使用道具 举报

4

主题

164

回帖

1056

积分

金牌会员

积分
1056
金钱
888
HASS币
0
发表于 5 小时前 | 显示全部楼层
谢谢你的分享
回复

使用道具 举报

60

主题

229

回帖

2161

积分

论坛技术达人

积分
2161
金钱
1867
HASS币
20
发表于 5 小时前 | 显示全部楼层
拥抱“部件视图”-之-小部件
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-11-2 12:47 , Processed in 0.059829 second(s), 8 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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