扫描二维码在手机上浏览

用于Homeassistant的多功能按钮的自定义UI

广告位,电脑和手机可分别设置,可放任何广告代码
对了,我应该放什么广告呢?

state-card-button.html

什么是Custom_UI? 中文翻译就是 自定义UI
HA的原版UI局限性太大了,一行一个控制.一个空气净化器就要6/7行.太占地方
一个灯光呢?除了开关方便,如果你要调颜色,亮度神马的,都要点开详情页才能实现,太麻烦.
所以就有了Custom_UI=自定义UI.
最早的,也是目前最常用的Custom_UI就是这个了,我们通常叫原版Custom_UI
这个能实现很多功能,也有很多玩法,比如增加圆形徽章组,给灯光增加滑杆直接调亮度,显示更多的信息等…
但是貌似忽略了一些按键功能.
然后我就针对按钮的方便性制作了一个Custom_UI.state-card-button


更新记录

18年6月10日

  1. 修复了按钮service的错误
  2. 增加了第二行显示
  3. 优化调整了部分显示效果

支持的功能

一句话慨阔是可以在任意一行ID中增加一些按钮,这些按钮的大小/颜色/图标/状态/功能等都可以自定义,极大的提高了扩展性

 1. 增加按钮时候可以选择本来的控制开关是否隐藏.

 2. 增加的按钮支持方块/文字/图标/自定义图片的显示

 3. 图标和背景方块的颜色支持自定义,且可以根据状态不同改变颜色

 4. 按钮的尺寸、间距、圆角半径均可自定义

 5. 可以在名称下显示附加信息.(这个和原版Custom_UI差不多)

 6. 每一个按钮可以自定义按下的动作,也是就action,和自动化的action功能一样.


功能简单,但是玩法很多!

图片展示

!

很多功能以及详细配置教程请查看我的GIthub仓库

用于Homeassistant的多功能按钮的自定义UI

原创内容,欢迎转载,请附转载地址!

广告位,电脑和手机可分别设置,可放任何广告代码
赞 10 打赏
分享海报
版权声明
分享是一种美德,转载请注明地址
文章地址:倾微博客 » 用于Homeassistant的多功能按钮的自定义UI
广告位,电脑和手机可分别设置,可放任何广告代码

评论 抢沙发

  • *
  • *
图片正在生成中,请稍后...

周日

11/17

用于Homeassistant的多功能按钮的自定义UI

state-card-button.html 什么是Custom_UI? 中文翻译就是 自定义UI HA的原版UI局限性太大了,一行一个控制.一个空气净化器就要6/7行.太占地方 一个灯光呢?除了开关方便,如果你要调颜色,亮度神马的,都要点开详情页才能实现,太麻烦. 所以就有了Custom_UI=自定义UI. 最早的,也是目前最常用的Custom_UI就是这个了,我们通常叫原版Custom_UI

还不错吧!打赏支持一下呗

支付宝扫一扫打赏

微信扫一扫打赏

登录

记住我

注册