请选择 进入手机版 | 继续访问电脑版

『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 473|回复: 15

类Homekit介面,3D Floorplan 触控屏

[复制链接]

1

主题

66

帖子

393

积分

中级会员

Rank: 3Rank: 3

积分
393
金钱
327
HASS币
10
发表于 2020-7-29 03:16:55 | 显示全部楼层 |阅读模式
本帖最后由 fung1006 于 2020-7-29 03:37 编辑



Screenshot 2020-07-28 at 1.22.22 AM (2).png
Screenshot 2020-07-29 at 3.20.39 AM (2).png

由于HA原生的介面不利于触控操作,故上网搜寻资料,自行制作类似Homekit的介面,务求能清晰显示资讯及方便操作

左:
-天气
-家庭成员24小时内手机电量图
-灯光场景
中:
-室外及各房间当前气温及湿度 (图示最近5天记录)
-服务器、私有云 cpu ram 负载及温度,bt机所剩容量,光度計(小米、 tsl2561及bh1750)
右:
-家庭成员所在位置(家/公司/路上/医院)
-各灯具控制、关灯时间倒数
-人体侦测,门窗侦测,下雨侦测(小米门窗改),烟雾感应

-背景根据当前天气播放不同视频

3D floorplan:

sweet home 3D制作,以picture-element堆叠,配上各种图示而成,当中以电风扇测试了动画演示
可以每灯具制定照亮范围,进阶设定可以按照该灯光颜色渲染于 floorplan上

触控屏是15吋超薄USB-C供电屏,hdmi接树莓派4B,用windows的话反应会更灵敏
后续将会添加音乐播放面板,暂定以volumio制作





评分

参与人数 2金钱 +32 HASS币 +10 收起 理由
jyz_0501 + 12 厉害了word楼主!
+ 20 + 10 厉害了word楼主!

查看全部评分

回复

使用道具 举报

4

主题

76

帖子

328

积分

论坛分享达人

积分
328
金钱
252
HASS币
0
发表于 2020-7-29 14:56:53 | 显示全部楼层
666很漂亮
回复

使用道具 举报

5

主题

502

帖子

2139

积分

金牌会员

Rank: 6Rank: 6

积分
2139
金钱
1637
HASS币
0
发表于 2020-7-29 23:21:00 | 显示全部楼层
楼主牛逼!学习学习再学习,谢谢谢谢再谢谢!
回复

使用道具 举报

32

主题

246

帖子

1450

积分

金牌会员

Rank: 6Rank: 6

积分
1450
金钱
1204
HASS币
0
发表于 2020-7-30 01:01:11 | 显示全部楼层
多介绍下啊,这个界面完全符合我胃口,超级喜欢
回复

使用道具 举报

1

主题

66

帖子

393

积分

中级会员

Rank: 3Rank: 3

积分
393
金钱
327
HASS币
10
 楼主| 发表于 2020-7-30 01:38:38 | 显示全部楼层
dizherui 发表于 2020-7-30 01:01
多介绍下啊,这个界面完全符合我胃口,超级喜欢

有哪些详情想知,我尽量解答
回复

使用道具 举报

2

主题

47

帖子

140

积分

注册会员

Rank: 2

积分
140
金钱
93
HASS币
0
发表于 2020-7-30 08:36:26 | 显示全部楼层
有没有详细的配置教程啊
回复

使用道具 举报

2

主题

114

帖子

398

积分

中级会员

Rank: 3Rank: 3

积分
398
金钱
284
HASS币
0
发表于 2020-7-30 09:16:06 | 显示全部楼层
那个灯光按钮怎么做的?
回复

使用道具 举报

1

主题

66

帖子

393

积分

中级会员

Rank: 3Rank: 3

积分
393
金钱
327
HASS币
10
 楼主| 发表于 2020-7-30 11:29:16 | 显示全部楼层
本帖最后由 fung1006 于 2020-7-30 12:50 编辑
zeze247 发表于 2020-7-30 09:16
那个灯光按钮怎么做的?

floorplan的最基本配置:

floorplan 底图 (关灯状态)
在上面堆叠各房间或灯光点亮时照亮范围 (off 时显示透明图)
最后在上面铺设按钮图示(以state_filter 控制按钮开关颜色)
堆叠图示要按顺序,图示要放底图之上

elements:
      - entity: light.xxx
        state_image:
          'off': /local/floorplan/img/transparent.png
          'on': /local/floorplan/img/living_room.png
        style:
          left: 50%
          top: 50%
          width: 100%
        type: image

      - entity: light.xxx
        state_filter:
          'off': opacity(40%) saturate(0%)
          'on': opacity(100%)
        state_image:
          'off': /local/floorplan/img/ico_bulb.png
          'on': /local/floorplan/img/ico_bulb.png
        style:
          left: 75%
          top: 13%
          width: 7%
        tap_action:
          action: toggle
        type: image

image: local/floorplan/img/floorplan.png
type: picture-elements



评分

参与人数 1金钱 +20 收起 理由
jyz_0501 + 20 感谢楼主分享!

查看全部评分

回复

使用道具 举报

1

主题

66

帖子

393

积分

中级会员

Rank: 3Rank: 3

积分
393
金钱
327
HASS币
10
 楼主| 发表于 2020-7-30 11:35:21 | 显示全部楼层
Anooki 发表于 2020-7-30 08:36
有没有详细的配置教程啊

你对那个部份有兴趣? 因为当中用到的card也不少
回复

使用道具 举报

2

主题

47

帖子

140

积分

注册会员

Rank: 2

积分
140
金钱
93
HASS币
0
发表于 2020-7-30 16:33:46 | 显示全部楼层
fung1006 发表于 2020-7-30 11:35
你对那个部份有兴趣? 因为当中用到的card也不少

对啊,目前还是纯小白,还在摸爬滚打中
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2020-8-12 16:32 , Processed in 0.101765 second(s), 36 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表