用途:为 Home Assistant Lovelace 仪表盘提供原生布局方案,把“上下堆叠”“并排”“三列网格”“全屏”等自然语言需求映射为 YAML 配置。
主要能力:vertical-stack 自上而下堆叠;horizontal-stack 左右并排;grid 多列网格并支持 columns 与 square 选项;panel 为视图级全屏单卡片;支持布局嵌套组合。
使用方式:先识别意图,再选择布局类型,写入对应 type 与选项的 YAML,最后在真实移动设备上验证响应式表现。grid 在移动端自动堆叠为单列,horizontal-stack 在移动端仍保持并排,建议最多 2 至 3 张卡片。
适用场景:顺序信息展示、对比或关联控制、多列自适应仪表盘、地图/摄像头/单焦点全屏视图,以及带分隔区的复杂仪表盘。
限制:不适用于条件卡片可见性、表单或输入界面,也不覆盖高级 CSS Grid 特性;更复杂需求需参考 sections-view、layout-card、view-types、responsive-patterns 等参考文件。官方文档指向 Home Assistant 的 Views 与 Grid card 页面。