floorplan經驗分享, 善用conditional幫您的圖資減壓

diba

原文首發於瀚思彼岸(我是作者本人，故不存在侵權問題)

第一張gif是很久以前做的, 懶的重錄, 將就看吧!


1. 人體/煙霧/燃氣/水浸...等，觸發才顯示。
2. 每個空間都有智能音箱，打字即可廣播，若真有不長眼宵小闖空門，配合人體偵測我可以一直跟著他講話XD
3. 全屋溫度/濕度/空氣質量...等，我喜歡一目了然。
4. 電視/空調/清淨機/掃地機...等，我喜歡一圖控制。

--------------------------------------------------------------
目前手機介面其實是這樣，溫溼度&新風系統要另外點右下方圖示才會啟閉!



-----------------------------------------------------------------------------
圖面超過一百個物件，擠在小小一張圖裡無論看or按都很辛苦，所以用上conditional讓圖標只在必要時顯示!
例如空調運作前，只要顯示"制冷"、"制暖"兩個按鈕就好(客廳)，運轉圖標無須顯示(透過門磁判斷狀態)

  - type: conditional
    conditions:
      - entity: binary_sensor.0x009_contact
        state: 'on'
    elements:
      - type: state-icon
        entity: binary_sensor.0x009_contact
        icon: 'mdi:air-conditioner'
        style:
          top: 10%
          left: 49%
        tap_action:
          action: call-service
          service: script.ac_livingroom_stop


-------------------------------------------------
按了"制冷"or"制暖"，這兩顆鈕就沒必要再顯示了，取而代之的是"運轉中"的圖標，點擊即可關閉空調。


  - type: conditional
    conditions:
      - entity: binary_sensor.0x009_contact
        state: 'off'
    elements:
      - type: state-icon
        entity: script.ac_livingroom_cool
        style:
          top: 9%
          left: 48%
          border-radius: 50%
        tap_action:
          action: call-service
          service: script.ac_livingroom_cool
  - type: conditional
    conditions:
      - entity: binary_sensor.0x009_contact
        state: 'off'
    elements:
      - type: state-icon
        entity: script.ac_livingroom_heat
        style:
          top: 13%
          left: 53%
          border-radius: 50%
        tap_action:
          action: call-service
          service: script.ac_livingroom_heat