基于lovelace，仿个Floorplan

MX10085 · 发表于 2020-3-8 16:16:00

本帖最后由 MX10085 于 2020-3-8 21:32 编辑

基于lovelace，仿个楼层平面图，当然是简装版的。

001

002

003

004

005

GIF

原本想用Button card实现的，无奈手机客户端会卡死，搞不清楚什么问题

上图目的是想看看大家用什么做平面图，用什么方法实现，大家交流一下！

散步d小螃蟹 · 发表于 2020-3-8 16:39:49

这个真优秀

czde · 发表于 2020-3-8 16:51:26

不错。。。挺好看

jxs69 · 发表于 2020-3-8 17:51:01

平面图可以用酷家乐导出房屋平面图。Floorplan怎么才能做成多页面?我想一个房间做一个页面。

MX10085 · 发表于 2020-3-8 18:21:27

jxs69 发表于 2020-3-8 17:51
平面图可以用酷家乐导出房屋平面图。Floorplan怎么才能做成多页面?我想一个房间做一个页面。 ...

我图不多，是用左下角的小平面图循环连接，其实也可以用图片做个连接！

MX10085 · 发表于 2020-3-8 18:22:59

jxs69 发表于 2020-3-8 17:51
平面图可以用酷家乐导出房屋平面图。Floorplan怎么才能做成多页面?我想一个房间做一个页面。 ...

酷家乐导出的平面图之后还需要美化一下

MX10085 · 发表于 2020-3-8 18:40:05

本来感觉button card 配合state-switch不错的，

fyanjin · 发表于 2020-3-8 20:16:08

求方法，我之前也试过，但是只是在图片上开关和传感器状态，你这个第4、5张图是怎么由平面图切换过来的？

MX10085 · 发表于 2020-3-8 21:02:54

fyanjin 发表于 2020-3-8 20:16
求方法，我之前也试过，但是只是在图片上开关和传感器状态，你这个第4、5张图是怎么由平面图切换过来的？ ...

主要用picture-elements 与 custom:state-switch ，天气与系统信息是由左边的“天气”与“系统”两个图片按钮导航连接的，浅黄的文字直接用custom:text-element写，后面的数值由传感器获得。

XD_DX · 发表于 2020-3-9 11:14:07

求一个配置文件参考一下。

		自动登录	找回密码
密码			立即注册

[经验分享] 基于lovelace，仿个Floorplan