大家是否發(fā)現(xiàn)，當(dāng)你接入各種組件、實體以后，前端界面是否顯示的非常凌亂丑陋，就和下圖一樣

image

今天帶給大家如何根據(jù)組件進(jìn)行 分組與分頁。如果你希望把每次啟動后都會出現(xiàn)的 welcome home 通知去掉，我們可以直接點擊下面的忽略按鈕，這樣雖然去掉這個通知，但是重啟后還是會再次出現(xiàn)。如果想永久去掉，可以打開 configuration.yaml 配置文件，注釋掉其中的 introduction ，這樣即使重啟這個通知也不會再顯示了。

image

要對首頁進(jìn)行整理排布，我們使用 group 分組配置。我們先看一下group的配置文件 groups.yaml，這個文件放在和主配置文件相同的目錄下。打開這個文件會發(fā)現(xiàn)是空白的，我們先編輯一個 bitcoin 的分組，配置如下：

bitconin:
  name: 比特幣
  entities:
     sensor.exchange_rate_1_btc,sensor.trade_volume  

這里把比特幣行情和交易量2個實體 放到了比特幣這個分組中。配置文件注意縮進(jìn)，這里重點說下，必須嚴(yán)格進(jìn)行縮進(jìn)。編輯好以后，保存配置文件，然后在界面 選擇 配置菜單 選擇重置分組 就可以了。

image

然后現(xiàn)在 概覽 就可以在界面上看到剛剛配置的信息了。

image

如果我們想以一個分簽頁的方式顯示，只需在剛剛的配置中加一個配置項

bitconin:
  name: 比特幣
  entities:
     sensor.exchange_rate_1_btc,sensor.trade_volume

   view:yes  

然后重載分組，就可以看到一個tab頁。

image

如果我們還是想讓這些信息排布在一起，我們可以更改以上配置，去掉 view 項，然后增加一個分組。

bitconin:
  name: 比特幣
  entities:
     sensor.exchange_rate_1_btc,sensor.trade_volume 

bitconint_view:
   name: 比特幣
   entities:
      group.bitconin

   view: yes   

保存以后，重置分組，就可以看到這個tab頁上的變化了

image

這樣是不是看起來就比之前要舒服很多呢，當(dāng)前還有很多實體 就需要你們自己去動手配置了，如果想更改主見面的顯示可以定義一個 default_view 的分組

default_view:
  name: XXX
  entities:

     xxx,xxx,xxx ....

像這樣的方式自行進(jìn)行選擇。

有不清楚屬性的同學(xué) 可以在這里找到。

image

這些就是拿來進(jìn)行分組的實體。