HA彩平图UI分享（停更-移步新帖）

消逝 · 发表于 2024-7-25 00:23:56

本帖最后由消逝于 2024-8-9 20:53 编辑

请移步新帖↓↓↓↓↓↓↓↓↓↓↓↓

HA彩平图UI分享（2024-08-09更新）-保姆及教程！

请移步新帖↑↑↑↑↑↑↑↑↑↑↑↑

HA彩平图UI效果分享
之前发布的关联了太多的模拟实体和自定义属性，抄作业难度太大，此贴更新了大部分代码，简化部分内容，更方便移植
QQ截图20240724233635.png

----以下正文----
1、前期准备：彩平图的背景图片（开头有教程）
2、HACS集成：
browser_mod：弹出卡片（hacss搜索下载，重启ha，集成-添加集成，左侧菜单栏出现browser_mod即安装成功）
chineseholiday：节假日卡片（hacss添加库后，搜索下载，参照附件sensor.yaml文件配置生日提醒，重启ha），
      github库地址：GitHub - Crazysiri/chineseholiday
qweather：和风天气（hacss添加库后，搜索下载，重启ha），
      github库地址：GitHub - dscao/qweather
apexcharts-card: 统计图卡片（hacss，搜索下载，reroad刷新下）
battery-state-card：电池状态卡（hacss，搜索下载，reroad刷新下）
button-card：按钮卡片（hacss，搜索下载，reroad刷新下）
gauge-card：扇形卡片（hacss，搜索下载，reroad刷新下）
mini-media-player：迷你播放器（hacss，搜索下载，reroad刷新下）
vacuum-card：扫地机器人卡（hacss，搜索下载，reroad刷新下）
      支持扫地地图功能的，也可以使用扫地地图
kiosk-mode：隐藏状态栏（hacss，搜索下载，reroad刷新下）
      设备与服务--辅助元素--创建辅助元素--切换开关（input_boolean）--名称：full--创建，创建成功后出现【input_boolean.full】实体
      默认全屏开关在做左上角（时间左面），且没有图标，想要图标自行更换
配置主题文件：AAAAAA.yaml这个文件，放置路径：config\themes\AAAAAAAA\AAAAAAAA.yaml，开发者工具--服务--找重载主题--调用服务
3、模拟实体：
   template.yaml文件，该文件已设置成可以直接使用，放置路径：config\template.yaml，如修改内容后，开发者工具--YAML服务--模拟实体（TEMPLATE）重载
4、天气卡片：天气可以直接使用集成卡片Weather Chart Card
提供了2套UI代码，
一套完整代码：UI代码-完整.yaml、template.ymal
另一套去掉了左下角的天气卡片和左下角温度分布图：UI代码-去除天气.yaml、template-去除天气.yaml

游客，如果您要查看本帖隐藏内容请回复