Home Assistant 2025.3:Dashboard、Tile cards 大進化 – 新功能都試一遍 EP 2

Dashboard 頁首自訂標題、版面配置

頁首自訂標題

Home Assistant 2025.3 帶來了全新的 Dashboard 標題區塊功能,過去總是要用各種不同的外掛來達成以文字顯示家庭狀態的功能。

現在你可以直接使用 Home Assistant 的「標題」區塊來顯示各種你常用的資訊!現在你在 Dashboard 上方將會看到「新增標題」的選項,點擊後就可以直接開始進行標題設置。

Home Assistant Dashboard 新增標題

如果你對於要顯示什麼還沒有想法的話,可以先複製我的基礎內容:

Markdown
# {{user}} 哩賀!
## 今天氣溫 {{states.sensor.home_realfeel_temperature_min_today.state}}°C ~ {{states.sensor.home_realfeel_temperature_max_today.state}}°C

也可以再進一步判斷實體狀態來顯示不同內容,我這邊是監控了我的貓砂機和飼料機的錯誤狀態,如果有錯誤就顯示錯誤訊息,參考我的範例 (想要判斷的實體要自己換喔!):

Markdown
{% if 'RH%' not in states.sensor.scooper_96d0_error.state %}
  ### 😾💢 {{states.sensor.scooper_96d0_error.state}}
{% endif %}
{% if states.sensor.feeder_8f64_error.state != '' %}
  ### 😾💢 {{states.sensor.feeder_8f64_error.state}}
{% endif %}

這是我最後的效果:

Home Assistant 標題效果範例

頁首版面配置

先前的版本只有「實體章」,在 2025.3 加入「標題」之後,也同時新增了版面配置功能,你可以依據需求調整頁首資訊要靠左、置中或是回應式顯示,也可以自訂「實體章」要在底部或頂部。

Home Assistant Dashboard 頁首版面配置選項

Tile cards 再進化

Tile cards (資訊方塊面板) 是 Home Assistant Dashboard 中最基礎也最入門的元件,但也因為如此,過去的功能一直很簡單,但從近期的更新看得出來 Home Assistant 企圖讓 Tile cards 可以滿足更多使用情境,來看看 2025.3 做了哪些更新吧!

可操作提示

在 2025.3 改版後 Tile cards 使用的實體如果是直接可開關的 (e.g. 開關、燈光、風扇…等),那 icon 就會有個圓形背景,如果使用的實體是點擊後是看到 “更多資訊” 那就沒有圓形背景。

不過必須說這個改動不是很明顯,但或許在不經意間可以起到 “操作暗示” 的作用,大家自己看吧:

Tile cards 可操作提示

自訂資訊卡附加功能位置

有用過 Tile cards 的應該都知道可以在卡片上新增附加功能,在 2025.3 版本中新增了調整附加功能位置的功能,讓版面配置更加靈活了!

Tile cards 自訂附加功能位置
Tile cards 自訂附加功能位置

新的附加功能:開關、計數

原來以前沒有這些功能嗎?看來我真的是太少用 Tile cards 了🤣

現在如果你的實體有支援,可以使用「開關」、「計數」功能直接顯示在 Dashboard 上,操作使用上更直覺啦!

Tile cards 開關、計數附加功能

一些很細微的互動設計

  • 滑鼠懸停高亮提示:當你滑鼠指標停在 Tile cards 或是其中的 icon 時,背景會高亮提示,讓你更容易意識到可以進行操作。
  • 鍵盤操作:對於使用鍵盤、滑鼠操作的使用者更加方便,你可以使用 tab 鍵、空白鍵、enter 鍵來進行快速操作。
Tile cards 互動設計優化

助手聊天支援串流回應啦

有在用 LLM 的人應該比較熟悉,和 ChatGPT 之類的 AI 工具對話時會以 “串流” 方式回應,也就是 AI 不用等全部內容完成才回覆,而是一字字單獨的顯示出來,會更有 “對話” 的感覺,同時使用者也不用等 LLM 準備好回覆的所有內容才可以看到,也就會感覺到更快的回覆速度,來看一下官方的演示吧!


以上就是 Home Assistant 2025.3 的更新重點啦!

完整更新內容請參考官方 release note: https://www.home-assistant.io/blog/2025/03/05/release-20253/#dashboard-view-headers

LEAVE A REPLY

Please enter your comment!
Please enter your name here

你可能會喜歡

最近的討論

你可能會喜歡