Home Assistant系列 — 界面优化

大家是否发现,当你接入各种组件、实体以后,前端界面是否显示的非常凌乱丑陋,就和下图一样


Home Assistant系列 -- 界面优化


今天带给大家如何根据组件进行 分组与分页。如果你希望把每次启动后都会出现的 welcome home 通知去掉,我们可以直接点击下面的忽略按钮,这样虽然去掉这个通知,但是重启后还是会再次出现。如果想永久去掉,可以打开 configuration.yaml 配置文件,注释掉其中的 introduction ,这样即使重启这个通知也不会再显示了。


Home Assistant系列 -- 界面优化

要对首页进行整理排布,我们使用 group 分组配置。我们先看一下group的配置文件 groups.yaml,这个文件放在和主配置文件相同的目录下。打开这个文件会发现是空白的,我们先编辑一个 bitcoin 的分组,配置如下:

bitconin:

  name: 比特币

  entities:

     sensor.exchange_rate_1_btc,sensor.trade_volume  

这里把比特币行情和交易量2个实体 放到了比特币这个分组中。配置文件注意缩进,这里重点说下,必须严格进行缩进。编辑好以后,保存配置文件,然后在界面 选择  配置菜单 选择重置分组 就可以了。

Home Assistant系列 -- 界面优化

然后现在 概览 就可以在界面上看到刚刚配置的信息了。

Home Assistant系列 -- 界面优化

如果我们想以一个分签页的方式显示,只需在刚刚的配置中加一个配置项

bitconin:

  name: 比特币

  entities:

     sensor.exchange_rate_1_btc,sensor.trade_volume

  view:yes  

然后重载分组,就可以看到一个tab页。

Home Assistant系列 -- 界面优化

如果我们还是想让这些信息排布在一起,我们可以更改以上配置,去掉 view 项,然后增加一个分组。


bitconin:

  name: 比特币

  entities:

     sensor.exchange_rate_1_btc,sensor.trade_volume 


bitconint_view:

   name: 比特币

   entities:

      group.bitconin

   view: yes   

 

保存以后,重置分组,就可以看到这个tab页上的变化了

Home Assistant系列 -- 界面优化

这样是不是看起来就比之前要舒服很多呢,当前还有很多实体 就需要你们自己去动手配置了,如果想更改主见面的显示可以定义一个 default_view 的分组

default_view:

  name: XXX

  entities:

     xxx,xxx,xxx ....

像这样的方式自行进行选择。


有不清楚属性的同学 可以在这里找到。

Home Assistant系列 -- 界面优化

这些就是拿来进行分组的实体。


关注一下,

👇👇👇

Home Assistant系列 -- 界面优化


发表评论