遥控器面板

tqh5597

没有卡片，只是一种思路，我研究了半个月这个帖子https://bbs.hassbian.com/forum.p ... 5%E5%BD%B1%E4%BB%AA，可惜circle部分按钮始终无法使用，算了不搞了，直接在手机坚果控apk上截了一张遥控器的图
然后用photoshop把图片中的按钮都扣下来

在lovelace里新建一个自带的图片元素卡片，把扣下来的图标在重新贴上去，每个图标对应一个开关，做出来下面这个样子


做完后我觉得还不错啊，可塑性很高，图标你想怎么排列就怎么排列，还不用折腾。

spxcly

同样的情况，还没研究出来！

打酱油

论坛的教程很少有能用的！，弄了半天才搞成2个，遥控器太难了画面出来了可是不会接入按键。跟版本有关，兼容性有关，还有代码需要部分修改，例如community_plugin肯定是不一致的，默认没有这个文件夹，要自己建立同名的，

resources:
  url: /community_plugin/lovelace-remote/remote-card.js
  type: js

复制代码

还有实体entity: device_tracker.cc_b8_a8_01_ca_43要换掉，不懂代码的小白搞不来，太难了！

Mr.G

这位兄弟，您可以用原作者的1.1版本，左侧circle完全正常使用，右侧script图标可以去新建一个customize.yaml，然后去设置每个script的图标！

circle和left_buttons配置如下：

          circle:
            ok: script.1567060202240
            up: script.1567060865221
            down: script.1567060898085
            left: script.1567060719890
            right: script.1567060677001
          left_buttons:
            - script.1567061064287
            - script.1567081666717
            - script.1567061086749
            - script.1567081691363
            - script.1567061107725
            - script.1567081635993

复制代码

这样设置左侧的circle和右侧的left_buttons都正常使用！

Mr.G

@tqh5597 @打酱油
你们按照我上面发的方法设置一下，就好了

Mr.G

效果图：

yhwl8888

郭子漳 发表于 2021-4-27 09:54
效果图：

朋友分享下 这些遥控器代码呗 学习下

Mr.G

yhwl8888 发表于 2021-6-13 01:09
朋友分享下 这些遥控器代码呗 学习下

写的很详细啊，你看下我上面回复的帖子 就知道了

jhbl

楼主能把贴图代码分享下吗？谢谢！

tqh5597

jhbl 发表于 2021-9-21 12:31
楼主能把贴图代码分享下吗？谢谢！

type: picture-elements
elements:
  - type: image
    tap_action:
      action: call-service
      service: script.ok
      service_data:
        entity_id: script.ok
    image: local/ok1.png
    style:
      top: 42.8%
      left: 49.5%
      width: 30%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.up
      service_data:
        entity_id: script.up
    image: local/up1.png
    style:
      top: 31.3%
      left: 49.5%
      width: 13%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.down
      service_data:
        entity_id: script.down
    image: local/down2.png
    style:
      top: 55.9%
      left: 49.5%
      width: 14%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.left
      service_data:
        entity_id: script.left
    image: local/left2.png
    style:
      top: 43.5%
      left: 27%
      width: 14%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.right
      service_data:
        entity_id: script.right
    image: local/right1.png
    style:
      top: 43.5%
      left: 72%
      width: 15%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.power
      service_data:
        entity_id: script.power
    image: local/power1.png
    style:
      top: 12%
      left: 14%
      width: 17%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.focusmax
      service_data:
        entity_id: script.focusmax
    image: local/qxd+1.png
    style:
      top: 25%
      left: 14%
      width: 17%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.focusmin
      service_data:
        entity_id: script.focusmin
    image: local/qxd-1.png
    style:
      top: 25%
      left: 85%
      width: 17%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.mute
      service_data:
        entity_id: script.mute
    image: local/jy1.png
    style:
      top: 12%
      left: 85%
      width: 16%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.home
      service_data:
        entity_id: script.home
    image: local/home1.png
    style:
      top: 74%
      left: 15%
      width: 17%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.volmax
      service_data:
        entity_id: script.volmax
    image: local/volmax1.png
    style:
      top: 73.9%
      left: 85%
      width: 18%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.volmin
      service_data:
        entity_id: script.volmin
    image: local/volmin1.png
    style:
      top: 89.5%
      left: 85%
      width: 17%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.retu
      service_data:
        entity_id: script.retu
    image: local/mute2.png
    style:
      top: 83.1%
      left: 50%
      width: 30%
      padding: 10p
  - type: image
    tap_action:
      action: call-service
      service: script.menu
      service_data:
        entity_id: script.menu
    image: local/menu1.png
    style:
      top: 89.5%
      left: 15%
      width: 17%
      padding: 10p
image: local/tyy5.png