【Lovelace用户界面】home assistant之UI配置分享!

咸味土豆

更新了：https://bbs.hassbian.com/thread-14189-1-1.html

---

1、说明

• 配置代码均来源于2位大佬的分享，仅仅搬运和试玩；

• 确实是零基础玩家，不装逼，搬运+试玩，我也是大佬引导去玩的，只是没忍住分享出来，纯好奇+搬运，无技术含量；

2、界面效果

2.1、静态效果

2.2、细部效果

凑合看一下：

3、素材来源

Github来源1

Github来源2

官方论坛讨论帖

3.3、同类界面

这个

4、配置方法

以原文档为主要参考资料，感兴趣可以结合github的源素材先试一试。

5、主题特性

• 界面卡片基于坐标定位，对不同分辨率的平板来说比较友好；

• homekit风格，但是lovleace插件确实很强大；

• 宿主要求不高，原作者是树莓派

  • 反正都挺难玩的，还是nr+homekit是最好的选择。

6、配置教程(有需求的话我就慢慢补充)

6.1、 HA前置配置

6.1.1、新建1个dashboards

参考：

lovelace:
  mode: yaml
  resources: 
    !include_dir_merge_list resources/
  dashboards:
    homekit-infused:
      mode: yaml
      title: 界面_hki
      icon: mdi:cellphone
      show_in_sidebar: true
      filename: lovelace_hki.yaml
    hki-settings:
      mode: yaml
      title: 配置_hki
      icon: mdi:tools
      show_in_sidebar: true
      filename: lovelace_hki_settings.yaml
    lovelace-matt8707:
      mode: yaml
      title: 界面_matt
      icon: mdi:tablet-ipad
      show_in_sidebar: true
      filename: lovelace_matt8707.yaml
......

在configuration.yaml添加一个dashboards，我没搭测试环境，一直都是yaml方式配置，所以可能需要切换到yaml的配置，提前做好备份，不行了还可以切回去:

lovelace:
  mode: yaml

然后在ui-lovelace.yaml里面写入不同的dashboards的跳转链接或配置(待验证！！！)，如果用webui，这些都是系统完成了，先不贴图了。

6.1.2、在hacs里面下载所需的插件

看原文档中需要的插件，地址：

https://github.com/matt8707/hass-config/tree/master/www/community

截个图：

如果hacs里面能搜到，就下载，没有的话，可以用原作者的，或者把插件的github地址添加到hacs的自定义仓库里面。

先扔个配置：
lovelace_matt8707.yaml.zip (164.43 KB, 下载次数: 1151)

2020-7-15 06:15 上传

点击文件名下载附件

余歌唱晚

太高深了……折腾这个真是个大工程……可惜没有能挂墙的平板

nichwang

挺好挺好，就是这个界面只适合平板吧，手机用这个界面适配效果咋样？

南柯醉一梦丶

官方不喊你做UI设计可惜了

yuyamin

感谢土豆！！！

咸味土豆

nichwang 发表于 2020-7-15 11:10
挺好挺好，就是这个界面只适合平板吧，手机用这个界面适配效果咋样？

手机横屏的话也行。

咸味土豆

南柯醉一梦丶 发表于 2020-7-15 11:13
官方不喊你做UI设计可惜了

别闹。。。。。。

neroxps

我一直在停滞状态·····

令狐鸣

最近终于决定要升级我的0.75.3版本了
拉了0.112.4版本,感觉打开了新世界的大门,新版真是方便好多.
特来学习一下UI

ren9821

楼主可以出点更详细的教程吗？