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

 找回密码
 立即注册
查看: 28065|回复: 44

[基础教程] 告别一遍遍的重启,0.72全新lovelaceUI界面出炉

  [复制链接]

25

主题

687

帖子

3630

积分

论坛元老

Rank: 8Rank: 8

积分
3630
金钱
2937
HASS币
219

活跃会员

发表于 2018-6-23 10:18:15 | 显示全部楼层 |阅读模式
本帖最后由 aktifin 于 2018-6-25 10:51 编辑

hass更新到了0.72,最大的变化就是增加了lovelace全新的用户界面系统,
将核心功能和界面分离,以后更改界面直接刷新就好了,由于目前还在测试,默认界面还是老版本的
新界面需要手动开启
https://www.home-assistant.io/blog/2018/06/22/release-72/#
https://developers.home-assistant.io/docs/en/lovelace_index.html
官方样例:
lovelace.png
CustomUI 旧版界面:
QQ浏览器截图20180623110602.png
lovelace新版界面:
很快就调试出来的,实在太方便了
QQ浏览器截图20180623163950.jpg

参考代码:
config根目录下建立ui-lovelace.yaml
在hass网址后加入 /lovelace,即可访问新界面
name: Rokey's Home
type: module
views:
  - name: 主页
    theme: dark-mode
    tab_icon: mdi:home
    cards:
      - type: entities
        title: 开关
        entities:
          - input_boolean.xxx
          - cover.xxx
          - switch.xxx
          - fan.xxx
          - input_boolean.xxx
      - type: weather-forecast
        entity: weather.localweather        
      - type: glance
        title: 生活讯息
        entities:
          - sensor.aircat_temperature_xxx
          - sensor.aircat_humidity_xxx
          - sensor.aircat_pm25_xxx
          - sensor.aircat_hcho_xxx
      - type: glance
        title: 无线设备状态
        entities:
          - device_tracker.xxx
      - type: media-control
        entity: media_player.mpd
      - type: media-control
        entity: media_player.bt
      - type: glance
        title: 灯光
        entities:
          - light.gateway_light_xxx
          - switch.hassmart_keting_xxx
          - light.bedroom_yeelight_xxx

默认直接进入新界面的办法:
1、在configuration.yaml里修改加入如下代码
frontend:
  javascript_version: auto
  extra_html_url:
    - /local/lovelace.html

2、在www文件夹下建立lovelace.html
<script>
    if (window.location.pathname === "/states") {
        window.location.href = "/lovelace"
    }
    window.addEventListener("location-changed", function (e) {
        if (e.currentTarget.location.pathname === "/states") {
            window.location.href = "/lovelace"
        }
    });
</script>



评分

参与人数 3金钱 +30 收起 理由
咸味土豆 + 10 谢谢分享!
+ 10 不错,很酷哦
Mirukuteii + 10 我来瀚思就为看你!

查看全部评分

回复

使用道具 举报

9

主题

228

帖子

2050

积分

超级版主

Rank: 8Rank: 8

积分
2050
金钱
1797
HASS币
100

突出贡献

发表于 2018-6-23 10:44:36 | 显示全部楼层
沙发归我
回复

使用道具 举报

6

主题

386

帖子

2045

积分

金牌会员

Rank: 6Rank: 6

积分
2045
金钱
1657
HASS币
0
发表于 2018-6-23 11:15:26 | 显示全部楼层
好像很厉害的样子。改了以后只要刷新就好了。
回复

使用道具 举报

175

主题

2967

帖子

7606

积分

超级版主

我就是六神

Rank: 8Rank: 8

积分
7606
金钱
4614
HASS币
398

活跃会员教程狂人灌水之王

QQ
发表于 2018-6-23 11:24:00 | 显示全部楼层
界面没看出来哪里不同啊  有两个问题  第一 斐讯M1 0.71版本的自定义UI 正常吗 能否给个文件???

第二,BT是蓝牙tts么  用的论坛哪个教程,我这个一直处于不可用状态
回复

使用道具 举报

2

主题

43

帖子

136

积分

注册会员

Rank: 2

积分
136
金钱
93
HASS币
0
发表于 2018-6-23 11:38:59 | 显示全部楼层
如何更新到最新版?
回复

使用道具 举报

34

主题

335

帖子

1848

积分

金牌会员

Rank: 6Rank: 6

积分
1848
金钱
1513
HASS币
0
发表于 2018-6-23 12:51:30 | 显示全部楼层
楼主速度,真的快,我何时才能像你一样秀
回复

使用道具 举报

25

主题

687

帖子

3630

积分

论坛元老

Rank: 8Rank: 8

积分
3630
金钱
2937
HASS币
219

活跃会员

 楼主| 发表于 2018-6-23 13:39:40 来自手机 | 显示全部楼层
jyz_0501 发表于 2018-6-23 11:24
界面没看出来哪里不同啊  有两个问题  第一 斐讯M1 0.71版本的自定义UI 正常吗 能否给个文件???

第二, ...

斐讯前几天有点抽风,经常没数据,这两天好像正常了
蓝牙tts参考我发的帖子
回复

使用道具 举报

40

主题

3056

帖子

1万

积分

超级版主

Nero

Rank: 8Rank: 8

积分
11149
金钱
8042
HASS币
182
发表于 2018-6-23 13:44:20 | 显示全部楼层
楼主那么快配好了?
Nero
回复

使用道具 举报

25

主题

687

帖子

3630

积分

论坛元老

Rank: 8Rank: 8

积分
3630
金钱
2937
HASS币
219

活跃会员

 楼主| 发表于 2018-6-23 13:48:05 来自手机 | 显示全部楼层
neroxps 发表于 2018-6-23 13:44
楼主那么快配好了?

因为实在是太方便,几行代码就搞定了,有改动刷新一下就好,节省了太多的时间
回复

使用道具 举报

4

主题

531

帖子

4003

积分

论坛元老

Rank: 8Rank: 8

积分
4003
金钱
3462
HASS币
120
发表于 2018-6-23 13:49:37 | 显示全部楼层
bonsai和glance卡片样式真不错,比现在圈圈的简洁。
等customui支持了再弄,能显示附加信息就行,然不然一堆信息太占地儿了。
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-24 14:05 , Processed in 0.187290 second(s), 36 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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