|
|
本帖最后由 倾微qiwe 于 2018-6-16 16:45 编辑
什么是Custom_UI? 中文翻译就是 自定义UI顾名思义,HA的原版UI局限性太大了,一行一个控制.一个空气净化器就要6/7行.太占地方.
一个灯光呢,除了开关方便,如果你要调颜色,亮度神马的,都要点开详情页才能实现,太麻烦.
所以就有了Custom_UI=自定义UI.
最早的,也是目前最常用的Custom_UI就是这个了,我们通常叫原版Custom_UI.
链接在这里: https://github.com/andrey-git/home-assistant-custom-ui/blob/master/docs/features.md
这个能实现很多功能,也有很多玩法,比如增加圆形徽章组,给灯光增加滑杆直接调亮度,显示更多的信息等...
但是貌似忽略了一些按键功能.
然后我就针对按钮的方便性制作了一个Custom_UI.
更新记录：
- 修复了按钮service的错误
- 增加了第二行显示
- 优化调整了部分显示效果
- 本帖资源以及教程已全部迁移至github,请移步下载!
----6.9 20:36
-------首先先说说它能做什么?
先付一张图
~~一句话慨阔是可以在任意一行ID中增加一些按钮,这些按钮的大小/颜色/图标/状态/功能等都可以自定义,极大的提高了扩展性.
具体功能:
1.增加按钮时候可以选择本来的控制开关是否隐藏.
2.增加的按钮支持方块/文字/图标/自定义图片的显示
3.图标和背景方块的颜色支持自定义,且可以根据状态不同改变颜色
4.按钮的尺寸,间距可自定义
5.可以在名称下显示附加信息.(这个和原版Custom_UI差不多)
6.每一个按钮可以自定义按下的动作,也是就action,和自动化的action功能一样.
功能简单,但是玩法很多!
-------接下来就是教程了!
安装教程:
1.如果之前没有用过任何的Custom_UI那么:
下载这个链接里面的两个文件,并放入你的配置文件目录的~/custom_components/customizer下!
https://github.com/andrey-git/home-assistant-customizer/tree/master/customizer
如图:
完成第一步就可以使用别人制作的Custom_UI文件了
2.下载我制作的Custom_UI文件(state-card-button.html)放入你的配置目录的 ~/www/custom_ui 下
!!!文件下载在最下面!!
如图:其它的Custom_UI文件都是放这里的!
3.完成以以上两步,那么就安装好了,接下来就是写配置文件了.
首先将Custom_UI文件(state-card-button.html)文件加入到HA的frontend.
如图:蓝色横线部分，按这个格式加
同样的,有其他的Custom_UI也是这么写的!
##############################################################################
接下来就是我这个Custom_UI的配置写法了！
具体我就不单独写教程了,
请下载附件 ,后将附件内packages文件夹内的文件放入你的配置文件目录.
当然如果你之前没有用过packages文件夹!请在configuration.yaml配置文件中的homeassistant:下加入以下代码!
packages: !include_dir_named packages
里面包含了完成的配置写法,每一句都有详细的注释,不需要的功能可以删除或者注释!
我的配置文件已经写了frontend. 注意不要重复了！
下面付配置文件的部分图!
配置文件完整内容
另外,文件中我写了几个例子.效果图如下!
最后:因为我个人设备有限,可能会有bug,如果大家遇到问题,请先检查配置文件格式,需要帮助请附图或log!
文件下载
|
评分
-
查看全部评分
|
[复制链接]
发表于 2018-6-2 15:11:55
