Home Assistant 中文文档 下载 App

Lovelace 仪表盘布局与页面管理

创建和管理仪表盘

Home Assistant 可以同时有多个 Lovelace 仪表盘。默认有一个叫 "Overview",你可以创建任意多个。

创建新仪表盘:Settings → Dashboards → 右下角 + Create dashboard

拖拽编辑

进入任意仪表盘,右上角点击铅笔图标进入编辑模式:

页面视图(Views)

一个仪表盘可以有多个页面视图(View),对应侧边栏的 tab:

常见的 View 组织方式:

Overview(总览)
├── Living Room(客厅)
├── Bedroom(主卧)
├── Kitchen(厨房)
├── Energy(能源)
└── Cameras(摄像头)

区域(Areas)——Home Assistant 的组织核心

区域是 Home Assistant 把设备分组的基本单位。每个实体(灯、传感器、开关…)都可以归到一个区域。

创建和管理区域:Settings → Areas & Zones

区域的作用:

常见布局模式

模式一:垂直堆(最常见)

整个页面从上到下堆卡片。适合简单的单区域仪表盘。

┌─────────────────────────────┐
│ [天气卡片]  [时间]           │
├─────────────────────────────┤
│ [客厅灯控制]                  │
├─────────────────────────────┤
│ [客厅温度湿度传感器]          │
├─────────────────────────────┤
│ [摄像头画面]                  │
└─────────────────────────────┘

模式二:网格(Grid Card)

用 grid 容器把小卡片按列排列:

type: grid
columns: 3
square: false
cards:
  - type: gauge
    entity: sensor.battery
  - type: gauge
    entity: sensor.solar
  - type: gauge
    entity: sensor.grid_import

模式三:Picture Glance(一图概览)

用一张房间的照片做背景,上面叠实体图标和点击区域:

type: picture-glance
image: /local/living_room.jpg
entities:
  - light.living_room
  - climate.living_room
  - cover.living_room_curtain

模式四:条件渲染(Conditional)

某些卡片只在特定时间或状态下出现:

type: conditional
conditions:
  - condition: state
    entity: person.me
    state: home
card:
  type: entities
  entities:
    - media_player.kitchen
    - climate.living_room

移动端适配

Lovelace 在手机上自动堆叠布局(卡片单列垂直排列),在平板上会尽量双列。可以用 mobile 属性做移动端单独设置,也可以完全不用管——多数卡片自适应得不错。