FLOORPLAN 3D控制求助

mmygo

一个灯的状态搞得要发疯了，花了N多时间，那窗帘对我而言就更难了，只能等着抄作业
或者愿意付费求解决方案

fung1006

建議不要用官方的floorplan，因為你的需求已超出了
直接用picture elements做floorplan就可以了，按鍵跟燈的狀態顯示要分開做，這個做法可以直接顯示light跟switch的狀態
我做了一個簡單的例子希望你明白最底圖片用全關燈狀態的floorplan
之後在上面蓋上不同燈／房間開關的狀態圖片
再之後在上面蓋上燈/switch的開關按鍵圖片，記得注意圖片的先後次序，按鍵要放最上層才能正常按到

elements:
    - entity: light.lifx_mini_bed_main
      state_image:
        'off': /local/floorplan/img/trans.png
        unavailable: /local/floorplan/img/trans.png
        'on': /local/floorplan/img/img/fung_on.png
      style:
        left: 50%
        top: 50%
        width: 100%
      type: image

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

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

复制代码

mmygo

fung1006 发表于 2021-1-2 23:08
建議不要用官方的floorplan，因為你的需求已超出了
直接用picture elements做floorplan就可以了，按鍵跟燈 ...

谢谢回复，我的其他灯就是这么操作的，操作都正常，就是TEMPLATE LIGHT的状态不能第一时间反映出来，需要刷新一下页面

fung1006

mmygo 发表于 2021-1-3 20:44
谢谢回复，我的其他灯就是这么操作的，操作都正常，就是TEMPLATE LIGHT的状态不能第一时间反映出来，需要 ...

先用 value_template 獲取TEMPLATE LIGHT的狀態，然後你懂的

mmygo

fung1006 发表于 2021-1-3 22:02
先用 value_template 獲取TEMPLATE LIGHT的狀態，然後你懂的

不怕你笑话，其实我还是不懂，曾经对灯这样定义过，好像一直是一种状态，对它们之间的关系不明白，也许代码有错，实在超出我的认知。
      livingroom_light:
        friendly_name: "livingroom light"      
         value_template: >-
             {% if is_state('light.livingroom_light', 'on') %}
               on
             {% else %}
               off
             {% endif %}           
           
        turn_on:
          service: remote.send_command
          data:
            entity_id: remote.livingroom
            command:
              - PowerOn
            device: 65186473
            delay_secs: 1
        turn_off:
          service: remote.send_command
          data:
            entity_id: remote.livingroom
            command:
              - PowerOff
            device: 65186473
            delay_secs: 1

jsfer888

请问一下楼主，窗帘的效果是如何实现的？

mmygo

jsfer888 发表于 2021-3-5 15:32
请问一下楼主，窗帘的效果是如何实现的？

     #书房窗帘
            - type: image
              entity: sensor.studyroom_cur_pos
              image: /local/ui/cover/studyroomcover_100.png
              state_image:
                "0": /local/ui/cover/studyroomcover_100.png
                "25": /local/ui/cover/studyroomcover_75.png
                "50": /local/ui/cover/studyroomcover_50.png
                "75": /local/ui/cover/studyroomcover_25.png
                "100": /local/ui/cover/studyroomcover_0.png               
              tap_action:
                 none               
              style:
                width: 7.5%
                top: 74%
                left: 37.5%
                height: 10%
                transform: rotate(-16deg) rotateX(41deg) rotateY(8deg) skewX(-5deg) skewY(-2deg)  

jsfer888

mmygo 发表于 2021-3-10 20:05
#书房窗帘
            - type: image
              entity: sensor.studyroom_cur_pos

非常感谢 我来试试

jsfer888

请问楼主搞定你的问题了嘛？

偷心者联盟

fung1006 发表于 2021-1-2 23:08
建議不要用官方的floorplan，因為你的需求已超出了
直接用picture elements做floorplan就可以了，按鍵跟燈 ...

大佬用这个代码后，点击每个房间区域的图片会显示一个大椭圆，求解惑