平板UI代码分享+整体HA制作思路+不用第三方集成！！！

xiaowutongzhi

早上好，各位朋友，明天就是国庆8天假期了，因为之前发过两个平板UI贴，很多人都很感兴趣，说明我做的挺符合大众审美，秉持着喜上加喜的想法，今天给大家分享一下平板UI的制作思路，代码和UI视图在最下面，大家也可以在评论区分享下自己做的

简单bb两句：我也是去年才开启接触智能家居和HA，我做UI的思路就是美观和好用是1比1的，我看过很多为了把UI弄的很好看，按钮弄的很小，要不就是全部都是信息展示，我自己是感觉制作的时候先把经常用到的，比较实用的先给他一个区域，实在没有什么可以弥补的了，再根据美观度增加东西

1.设备挑选
我做的都是关于项目的，所以使用了小工控机+debian12+docker方式部署，我之前弄过一次HAOS，实在觉得不得心应手，还要弄网络环境什么的就放弃了，也可能是我当时刚开始接触的原因方式不对
因为软件问题，平板我推荐安卓的，尺寸和分辨率高点的，二手的也行，如果家里有不常用或者不用的都可以，不需要刻意购买，apple和huawei的大家可以去搜一下上墙思路
项目原因我是直接买的完整磁吸套装+磁吸壳，可以买只充电的，因为现在很多平板都有充电保护，实在不放心的可以买带功能的，设置自动化充到80关闭墙充
zigbee网关市面上有很多做的，我买的是冬瓜家的，他家技术服务是真好
2.协议
因为我是项目使用，所以只接触过zigbee+485，而且只接触过支持zigbee2mqtt的设备(像绿米、涂鸦等zigbee品牌)，小米的集成经常掉线导致设备不能用，而且还需要登录什么的，我就放弃了，如果是在家用，大家就有什么用什么，不用刻意更换
如果有需要485设备接入到HA，一定绕不开的是485转TCP网关，这个买便宜的就行，如果是项目用，可以买贵点的工业使用的
3.服务集成和卡片
docker部署：homeassistant、emqx/mosquitto、node_red、zigbee2mqtt、portainer
集成：mqtt、portainer、天气预报、chineseholiday、hacs、System Monitor、Fully Kiosk Brower
卡片：mini-graph-card、button-card、mushroom、kiosk mode、bubble card、card-mod、中国节假日日历、clock-weather
4.软件
平板软件使用fully kiosk brower，可以直接集成接入到HA
制作渲染图使用酷家乐，制作教程B站上有很多、我是学习的kk的很详细，大家制作好后可以去海鲜市场找人帮你渲染4K或者8K的图片，最贵也就1块钱一张，咱只需要两张就行白天和夜晚的
抠图我只用过PS，然后通过sftp软件把图传到系统里

如果上面有不了解的，想知道具体操作的，人多的话我就根据哪个模块单独出详细操作，我创建了个群(群号：727692961)，里面有我做的详细的docker部署手册和一些自动化，大家也可以在里面积极讨论
两个UI文件.rar (9.87 KB, 下载次数: 33, 售价: 10 金钱)

2025-9-30 10:17 上传

点击文件名下载附件

lichao622

群晖nas那个卡片也在里面吗

xiaowutongzhi

lichao622 发表于 2025-9-30 11:30
群晖nas那个卡片也在里面吗

显示的都有

wenbieba

麻烦大佬分享一下图标

嘉诺的智能生活

弄得好呀

xiaowutongzhi

wenbieba 发表于 2025-9-30 19:53
麻烦大佬分享一下图标

之前帖子有

wenbieba

xiaowutongzhi 发表于 2025-10-1 22:48
之前帖子有

之前的图标只有6个，不全

chaoyl

好厉害的感觉牛啊牛

xiaowutongzhi

wenbieba 发表于 2025-10-2 12:01
之前的图标只有6个，不全

群里有  进群拿就行

kaikai0168

这个里面的放房间图也得换了吧