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

消逝

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

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

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

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


----以下正文----
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

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

Beichenthe

新鲜的 感谢分享

Beichenthe

Beichenthe 发表于 2024-7-25 07:48
新鲜的 感谢分享

找了半天还是最喜欢左下角的各个房间显示，没想到今天发布了新版，再次感谢

superjcc

感謝分享~剛好新手上路學習一下

a_dongde

第一版抄作业确实累······太多自定义实体了

ruihua_cn

感谢分享

xieahui

不错 看起来很舒服  借鉴下！！！

发如雪

瞧一瞧～

cooliscool

新鲜的 感谢分享,太NB了

2956066717

感谢分享，试试