Lovelace 仪表盘布局与页面管理
创建和管理仪表盘
Home Assistant 可以同时有多个 Lovelace 仪表盘。默认有一个叫 "Overview",你可以创建任意多个。
创建新仪表盘:Settings → Dashboards → 右下角 + Create dashboard
- Dashboard URL:URL 片段(如
http://homeassistant.local:8123/kitchen) - Title:仪表盘名称,页面左上角显示
- Icon:侧边栏图标
- Require administration:是否只对管理员可见
- Mode:YAML 还是 Storage(推荐 Storage——直接在界面编辑,自动保存)
拖拽编辑
进入任意仪表盘,右上角点击铅笔图标进入编辑模式:
- 添加卡片:底部弹出菜单,从卡片库选一个
- 移动卡片:鼠标长按卡片头 → 拖拽到目标位置
- 编辑卡片:点击卡片右下角的铅笔图标
- 复制卡片:编辑模式下右上角菜单 → Duplicate
- 删除卡片:编辑模式下右上角菜单 → Delete
- 撤销 / 重做:编辑模式下右上角 ↩️ ↪️
页面视图(Views)
一个仪表盘可以有多个页面视图(View),对应侧边栏的 tab:
- 在 Overview 里点铅笔 → 左下角 + Add view
- 每个 View 有自己的标题和图标
- View 之间的卡片是独立的
常见的 View 组织方式:
Overview(总览)
├── Living Room(客厅)
├── Bedroom(主卧)
├── Kitchen(厨房)
├── Energy(能源)
└── Cameras(摄像头)
区域(Areas)——Home Assistant 的组织核心
区域是 Home Assistant 把设备分组的基本单位。每个实体(灯、传感器、开关…)都可以归到一个区域。
创建和管理区域:Settings → Areas & Zones
区域的作用:
- 仪表盘快速筛选:Entities Card 可以用
area_id: living_room自动列出一个区域的所有设备 - 自动化触发:
zone触发器可以"当人进入/离开某个区域时触发" - 语音助手识别:Assist 可以说"打开客厅的灯"
常见布局模式
模式一:垂直堆(最常见)
整个页面从上到下堆卡片。适合简单的单区域仪表盘。
┌─────────────────────────────┐
│ [天气卡片] [时间] │
├─────────────────────────────┤
│ [客厅灯控制] │
├─────────────────────────────┤
│ [客厅温度湿度传感器] │
├─────────────────────────────┤
│ [摄像头画面] │
└─────────────────────────────┘
模式二:网格(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 属性做移动端单独设置,也可以完全不用管——多数卡片自适应得不错。