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

你可能會喜歡
最近的討論
  • Jerry 2025/04/14非常感謝Neil無私的分享,您提供的這些網站對我幫助很大。我先收藏好,再來慢慢消化^^ 也期待之後Neil的產業新訊與教學文章Home Assistant Floor plan 視覺化平面圖智慧家庭控制新體驗! – Home Assistant 手把手教學 EP 6
  • Neil 2025/04/13Hi Jerry, 我通常從這些地方取得關於 HA 的資訊: 網站: – Home Assistant 官方 Release note – Automata – 家庭自動化社群 – 惟家居家智能 FB 社團: – Taiwan Home Assistant 同好交流 – Home Assistant YouTube 頻道: – Smart Home Solver – Everything Smart Home – Home Assistant 程式語言的部分: 嚴格說來 YAML 不太算是程式語言 (先聲明,以免有些人很介意🤣),不過如果把這些 “看似” 程式語言的資料格式或是樣式語言都算進來,以 HA 中使用深度排序 (越下面越深): – YAML (資料格式):HA 環境中很多地方會用到的設定檔用語言。 – CSS (樣式語言):用來調整介面樣式 (字體大小、顏色、圖片、位置…等)。 – JSON (資料格式):如果有用 Node-RED 應該會碰到。 – Jinja2 (Python 模板語法):自動化或是 Dashboard 玩深一點可能會碰到。 ※ 但其實現在的 HA 就算不會上面這些也都可以把智慧家庭弄的很完整了,不見得要給自己這麼多壓力,但如果有興趣多了解一些也不錯 關於裝置支援度 這其實很難一概而論,現在就算家電本身不支援,還是有很多不同的方式可以把傳統家電接入 HA。 另外像海爾這種 case,也確實需要深入研究,通常我會做的就是在網路上爬大量的資訊,通常都會找到其他人做過的嘗試,剛好我最近在查其他資料的時候有看到有人分享海爾熱水器接入 HA 但也確實像你講的,多碰一段時間,就會越來越了解這些細節了 🤣Home Assistant Floor plan 視覺化平面圖智慧家庭控制新體驗! – Home Assistant 手把手教學 EP 6
  • Jerry 2025/04/10hello Neil: 觀察了1、2天,似乎都正常了,可能是剛建置那段時間,碰到系統不太穩定吧!? 越玩越覺得水很深,也發現自已還有很多不足的,不知Neil是否能分享,教大家怎麼釣魚嗎? 例如推薦不錯的網站、論壇、FB社團、youtube影片,或是指導一下,除了YAML語言外,是不是會一些CSS語法也會有幫助,還需要會其它種語言嗎? 甚至開一個新教學方向,看到標榜有支援APP的非大廠產品(例如大陸的產品),教大家怎麼辨別能否接入HA,怎麼問客服?從哪裡可看到支援的文章或平台?這類的經驗談,我想對大家也很有幫助。 我目前想買海爾的熱泵電熱水器,海爾在世界來看也是大廠,也有自已的APP,從HACS也有找到海爾的套件,但似乎沒支援熱泵電熱水器,那是否就代表無法接入HA了?或是有什麼管道可以查得到呢? 對岸也有不少平板燈兼風扇功能的燈具,也是標榜支援APP連線,但皆是小廠,也不好辨別能否接入HA。這都是我目前碰到的問題,如果家電買的跟Neil分享的不一樣,就有點不知如何開始。 可能我還太嫩了,再玩個幾個月,也許我以上的問題就不是問題了,哈^^Home Assistant Floor plan 視覺化平面圖智慧家庭控制新體驗! – Home Assistant 手把手教學 EP 6
  • Neil 2025/04/09Hi Jerry, 我自己測試是沒問題,但要注意的是因為是透過雲端控制,有多一層品牌中介,所以不適合快速切換開關,我自己測試點擊後大約 1 秒左右就同步完成了,記得要在 entities 裡把實體放進去,否則狀態顯示可能會有問題Home Assistant Floor plan 視覺化平面圖智慧家庭控制新體驗! – Home Assistant 手把手教學 EP 6
  • Jerry 2025/04/07謝謝Neil的解惑。我後來測試,發現使用「按鈕面板」去控制伊萊克斯清淨機(和Neil的同款)的開關,設備會在1秒左右就反應開或關了,但開的「狀態圖示」則慢很多,大約要等個30秒,關的「狀態圖示」則是正常,其它負離子開關的「狀態圖示」和監測燈開關的「狀態圖示」也正常,害我以為同步有狀況。我再測試看看好了,也許是那個地方沒設定好導致的。Home Assistant Floor plan 視覺化平面圖智慧家庭控制新體驗! – Home Assistant 手把手教學 EP 6
  • Neil 2025/04/07Hi Jerry, 1. 這個方式就是透過雲端整合,實際上就是用 HA 去呼叫小米/伊萊克斯去控制裝置 2. 不太正常,如果有這個狀況可能要看一下你顯示在 floor plan 的實體是不是真正可以代表該裝置的狀態,如果不行可能要換同裝置的其他實體試試看Home Assistant Floor plan 視覺化平面圖智慧家庭控制新體驗! – Home Assistant 手把手教學 EP 6
  • Jerry 2025/04/07問題解決了,再次感謝Neil的幫忙^^ 另外再請教2個觀念的問題,請教Neil我是否認知有錯誤 1、我透過HACS把小米和伊來克斯的設備連進HA,這中間還是透wifi的方式來連結是吧!?在連結前還需要向官方取得API key、Access Token這方面的資訊,代表HA和設備之間的溝通仍然需要經過官方,只是可以取代官方的APP,全部整合進HA的APP一起控制? 2、經過測試,透過實體操作或原官方APP去操控設備,HA的app是沒辦法同步知道設備的狀態,相反則可以,這是正常的是吧!?例如,家裡的小米電風扇在出門前,被人用實體的方式打開,但人在外面,是無法透過HA的app知道設備忘了關,要連到小米的app才會知道!?Home Assistant Floor plan 視覺化平面圖智慧家庭控制新體驗! – Home Assistant 手把手教學 EP 6
  • Jerry 2025/04/07Xiaomi Home的國家選擇新加坡就可以用了Home Assistant 必裝外掛 HACS 安裝步驟詳解 – Home Assistant 手把手教學 EP 17
  • Ghost 2025/04/07Xiaomi Home 目前不支援台灣區,暫時還是只能用 Xiaomi Miot Auto 至於 Xiaomi Cloud Map Extractor 目前遇到 2FA 的問題,好像沒有簡單的解法,我自己還沒試成功Home Assistant 必裝外掛 HACS 安裝步驟詳解 – Home Assistant 手把手教學 EP 17
  • Neil 2025/04/07Jerry, 看起來應該是因為疊圖導致點擊動作無法穿透 在換圖的部分 style 加 pointer-events: none 試試看Home Assistant Floor plan 視覺化平面圖智慧家庭控制新體驗! – Home Assistant 手把手教學 EP 6
你可能會喜歡