基于lovelace，仿个Floorplan

MX10085

XD_DX 发表于 2020-3-9 11:14
求一个配置文件参考一下。

可以的 ui-lovelace.rar (4.48 KB, 下载次数: 54)

2020-3-9 12:35 上传

点击文件名下载附件

dukejunior

学习学习

fyanjin

MX10085 发表于 2020-3-8 21:02
主要用picture-elements 与 custom:state-switch ，天气与系统信息是由左边的“天气”与“系统”两个图片 ...

非常感谢

fu12530

看的真是羡慕。可惜不共享！

dcy411075564

感謝分享。看看學習

三金

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

用楼主的方法做多个页面很简单，但是floorplan里我感觉不太能行吧，是不是可以这样：
将全部房间的图片叠起来，然后下面做一排按钮，在配置里面设置为：按下按钮后除按钮所代表的房间外其他房间图片填充为透明。
但是即使透明了，实体却还是存在，就要把房间的每个实体都分开不能重叠，这样就会很乱。
再换个思路：
复制flooplan的相关配置文件（名字要不同），就能存在多个foolplan，再用tileboard的分页和IFRAME，就能在一个网页里滑动查看所有房间内容。但是这样房间少还行，房间一多这个配置文件占用的内存也就多了，也不太妙。
话说你家多大啊？要每个房间一个页面。

jxs69

不是房间多，是我的客厅设备多。在一个页面摆放很挤，看不清。

南柯醉一梦丶

简单点说就是用的picture-elements，背景是画好的平面图。。传感器直接写坐标贴上去

aiva

请问picture-elements里的图片怎么调用的？
谢谢！

evantalk

效果很不错，感谢分享