本帖最后由 咸味土豆 于 2018-7-7 15:29 编辑
更新：推送了0.73版本，改动好多，日志：https://www.home-assistant.io/blog/
支持平面图了，官方效果图：
好复杂的样子。。。。。只剩蒙圈了。
----------------------------------------------------------------------------------------------------
受aktifin大佬的帖子诱惑（见：https://bbs.hassbian.com/thread-4130-1-1.html），花了些时间体验了下新的lovelace界面，按照官方给的示例配置自己试玩儿了一下，也没有个整体思路，都是半残品，简单介绍一下。
一、启用界面
大佬说的很明白了：
“config根目录下建立ui-lovelace.yaml
在hass网址后加入 /lovelace，即可访问新界面”
二、参数配置
lovelace取代了以前的group分组设备，只要核心的配置不修改，UI配置及刷新就是F5的事儿了（配置了图片的话，修改完图片有可能需要清空缓存），省了很多事儿。
配置说明及参考：
https://github.com/ciotlosm/docs-lovelace
https://github.com/arsaboo/homea ... er/ui-lovelace.yaml
PS：github上的代码是基于开发版本的，有些特性0.72.1还不支持，我是0.72.1稳定版，暂时没升级，就我做的几个配置说说。
lovelace分组现在比较简单，yaml文件中，直接 “ - title: 文字” 或者“ - tab_icon: 图标名 ”就完事儿了，分组采用卡片的形式（cards：）配置，比如图效果所示：
配置中写入：
name: 我的HOME
views:
- tab_icon: mdi:account-multiple
name: 环境监测
cards:
- type: glance
title: 家庭成员
entities:
- device_tracker.XXXX
- device_tracker.XXXXXX
- type: entity-filter
filter:
- domain: binary_sensor
state: 'on'
# - domain: switch
# state: 'on'
card: glance
card_config:
title: 活动监测
- type: glance
title: 客厅环境
entities:
- sensor.m1_temperature #客厅温度
- sensor.m1_humidity #客厅湿度
- sensor.m1_pm25 #PM2.5浓度
- sensor.illumination_158d0001e02fa1 #门厅光感
- sensor.m1_hcho #甲醛浓度
title: XXX可以用空格代替噢，以前group分组好像不行吧。
- type:（卡片类型）现在支持：
“glance”：就是上面温湿度信息显示的样式，每行5个（不知道有强迫症的HA玩家，玩着玩着病是不是能治好了），多了就下一行了。
“ entities”：这个就是和以前一样单行显示，可惜0.72.1不支持ID是group的配置，实例：
- type: entities
title: 家庭安防
entities:
- alarm_control_panel.home_alarm
- automation.camera_timing_turn_on
- automation.camera_timing_turn_off
- group.test #0.72.1不行，开发版好像可以了。
“ picture-glance”：配置图片，发现两种用法，一个是拿图片当开关用（比如灯，打开就是正常的照片，关闭灯系统会自动把图片变成黑白），我没有配置，十几个灯用这个得疯了，截个图给大家看看吧：
配置：
- type: entity-picture
image: [url=https://images.pexels.com/photos]https://images.pexels.com/photos[/url] ... b&dpr=2&h=295&w=490 #/local/picture/xxxx.jpg
entity: light.shufang_xdd
一种就单纯用来看的，我折腾了一晚上图片，虽然要吐了，感觉还是有点用（提示一下，照片尽量用长条形的，不然占用大片空间完全没啥意义，我配置两种，一种是图片配置灯光+传感器（或者插座），一种是红外遥控器（都没有搞利索，将就看看）：
图一：
示例：
- type: picture-glance
image: /local/picture/zhuwo.jpg
title: 主卧灯光
entities:
- binary_sensor.motion_sensor_158d0001e53c30 #主卧感应
- light.woshi_xdd
- light.sonoff01 #主卧落地灯
- switch.slot_0401 #主卧壁灯
图二（遥控器，看看就好了，按键没筛选）：
示例：
- type: picture-glance
image: /local/picture/appletv.jpg
title: AppleTV
entities:
- script.atv_ok
- script.atv_reture
- script.atv_up
- script.atv_down
- script.atv_left
- script.atv_right
- script.atv_play
- script.atv_pause
- script.atv_stop
看着是不是有点骚气，但是操作起来会把你累死。
备注：还是要写上一句滴，以上图片都来自互联网，侵删。
个人觉得比较有意思的是entity-filter卡片，可以根据状态筛选显示，比如红外探测（触发的才显示），或者自动化配置（显示没有启用的），灯光插座显示（打开的或者关闭的才显示）等等。
嗯，要是红外你筛选了红外探测器，家里没人动弹的时候，就是这个样纸：
示例：
- type: entity-filter
filter:
- domain: binary_sensor
state: 'on'
# - domain: switch
# state: 'on'
card: glance
card_config:
title: 活动监测
筛选自动化：
配置：
- type: entity-filter
filter:
- domain: automation
state: 'off'
# - domain: switch
# state: 'on'
# 其实我想加上 initial_state: true或者false 的筛选条件，不过这个是自动化的参数，不属于domain中的项，应该是不行
card: glance
card_config:
title: 自动化监测
支持”iframe“卡片，这个好像挺牛，示例，
- type: iframe
url: [url=https://embed.windy.com/embed2.html?lat=48.234&lon=8.598&zoom=5&level=surface&overlay=radar&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=48.234&detailLon=8.598&metricWind=default&metricTemp=default&radarRange=-12]https://embed.windy.com/embed2.h ... ault&radarRange=-12[/url]
aspect_ratio: 50%
# - type: iframe
# url: [url=https://embed.windy.com/embed2.html?lat=48.234&lon=8.598&zoom=5&level=surface&overlay=radar&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=48.234&detailLon=8.598&metricWind=default&metricTemp=default&radarRange=-12]https://embed.windy.com/embed2.h ... ault&radarRange=-12[/url]
# aspect_ratio: 100%
# title: with title
效果图：
三、小结一下
鉴于是尝鲜使用，而且官方也在不断的开发新功能，应该是大势所趋，期待以后更易用更完善咯。
对了，摄像头快照刷新好像比原来的界面下慢了不少，我其实比较想利用摄像头的快照作为每个房间的图片，赶脚应该是可以实现的，不过不懂代码，想想就算了，估计以后会有大神出个教程？（期待一下）。
玩HA真不省心啊，旧的没搞明白，新功能又出来了，想忽略吧又忍不住，到头来感觉很基本的东西其实都没有完善。
| 
[复制链接]
发表于 2018-7-6 21:16:42
楼主