请选择 进入手机版 | 继续访问电脑版

『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 2573|回复: 46

[修仙教程] 【Lovelace用户界面】home assistant之UI配置分享!

  [复制链接]

55

主题

1421

帖子

5028

积分

论坛元老

Rank: 8Rank: 8

积分
5028
金钱
3572
HASS币
290

活跃会员教程狂人

发表于 2020-7-15 00:24:38 | 显示全部楼层 |阅读模式
本帖最后由 咸味土豆 于 2020-7-15 23:16 编辑

1、说明

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

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

2、界面效果

2.1、静态效果

  • view1:

01.png

  • view2:

02.png

  • view3:

03.png

  • view4:

04.png

2.2、细部效果

凑合看一下:

1.gif

2.gif

3.gif

3、素材来源

Github来源1

图片效果(网络原因,只能靠职及了)

https://community-assets.home-assistant.io/original/3X/4/9/497770986fc57856f5d799a4929ff197539673a3.png

https://community-assets.home-assistant.io/original/3X/a/6/a6791684822b4db8c496b16f981608af6334c148.gif

https://community-assets.home-assistant.io/original/3X/e/7/e75a0b487c6bd2e525cbd53573e9f1e985fbdacf.jpeg

https://community-assets.home-assistant.io/original/3X/8/1/812d2f5c049d1b298a7201fbc22563888bec2729.gif

Github来源2

官方论坛讨论帖

网络环境不好的话,可以用码云克隆一下上面的仓库,感谢 @Caffreyfans 大佬指路。

3.3、同类界面

这个

效果图:

https://community-assets.home-assistant.io/original/3X/7/8/78141e5875e20ed617a4cc0e4a5215c5876fbdea.gif

https://community-assets.home-assistant.io/original/3X/9/6/96d60b11a11c4c8a9050dafe48d76ca4cd041c09.gif

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

截个图:

2e75ff940f4655164f279cb43efd2aa5f9d91935.png

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

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

评分

参与人数 5金钱 +60 HASS币 +20 收起 理由
令狐鸣 + 10 大神666!
+ 20 + 20 又见一枚视觉大佬
Guoer666 + 20 好久不玩,厉害啊,完全不似当初界面的粗糙.
smartws2016 + 5 感谢楼主分享!
diba.qiu + 5

查看全部评分

回复

使用道具 举报

13

主题

563

帖子

2424

积分

金牌会员

Rank: 6Rank: 6

积分
2424
金钱
1856
HASS币
10
发表于 2020-7-15 01:11:39 | 显示全部楼层
太高深了……折腾这个真是个大工程……可惜没有能挂墙的平板
回复

使用道具 举报

2

主题

201

帖子

1521

积分

金牌会员

Rank: 6Rank: 6

积分
1521
金钱
1320
HASS币
0
发表于 2020-7-15 11:10:41 | 显示全部楼层
挺好挺好,就是这个界面只适合平板吧,手机用这个界面适配效果咋样?
回复

使用道具 举报

34

主题

683

帖子

3348

积分

论坛元老

Freddy.

Rank: 8Rank: 8

积分
3348
金钱
2645
HASS币
50

最佳新人卓越贡献

发表于 2020-7-15 11:13:07 | 显示全部楼层
官方不喊你做UI设计可惜了
回复

使用道具 举报

7

主题

259

帖子

1331

积分

论坛技术达人

积分
1331
金钱
1062
HASS币
70
发表于 2020-7-15 13:42:51 | 显示全部楼层
感谢土豆!!!
回复

使用道具 举报

55

主题

1421

帖子

5028

积分

论坛元老

Rank: 8Rank: 8

积分
5028
金钱
3572
HASS币
290

活跃会员教程狂人

 楼主| 发表于 2020-7-15 17:03:04 | 显示全部楼层
nichwang 发表于 2020-7-15 11:10
挺好挺好,就是这个界面只适合平板吧,手机用这个界面适配效果咋样?

手机横屏的话也行。
回复

使用道具 举报

55

主题

1421

帖子

5028

积分

论坛元老

Rank: 8Rank: 8

积分
5028
金钱
3572
HASS币
290

活跃会员教程狂人

 楼主| 发表于 2020-7-15 17:04:24 | 显示全部楼层
南柯醉一梦丶 发表于 2020-7-15 11:13
官方不喊你做UI设计可惜了

别闹。。。。。。
回复

使用道具 举报

37

主题

2274

帖子

7822

积分

超级版主

Nero

Rank: 8Rank: 8

积分
7822
金钱
5503
HASS币
142
发表于 2020-7-16 09:08:24 | 显示全部楼层
我一直在停滞状态·····
Nero
回复

使用道具 举报

8

主题

724

帖子

3038

积分

论坛元老

Rank: 8Rank: 8

积分
3038
金钱
2314
HASS币
87
发表于 2020-7-16 11:21:53 | 显示全部楼层
最近终于决定要升级我的0.75.3版本了
拉了0.112.4版本,感觉打开了新世界的大门,新版真是方便好多.
特来学习一下UI
回复

使用道具 举报

3

主题

29

帖子

166

积分

注册会员

Rank: 2

积分
166
金钱
137
HASS币
0
发表于 2020-7-16 12:55:56 | 显示全部楼层
楼主可以出点更详细的教程吗?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2020-10-25 07:43 , Processed in 0.093049 second(s), 37 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表