扫描二维码在手机上浏览

用于homeassistant的lovelace的一个触摸板卡片:lovelace-card-touchpad

广告位,电脑和手机可分别设置,可放任何广告代码
对了,我应该放什么广告呢?

lovelace-card-touchpad for homeassistant lovelace UI

用于homeassistant的lovelace的一个触摸板卡片

去年我发布过一个more-info-qinver-tv的自定义详情页,初衷就是为了解决homeassistant不方便触摸操作的问题,因为像很多类似于电视遥控器的控制,如果只能点击按钮,那么在移动设备上的体验是很糟糕的!

现在过去一年多了,几乎我也有一年多没有玩homeassistant了,最近无聊升级了最新的0.99,显而易见,之前的more-info-qinver-tv自定义详情页不能再使用了。

现在homeassistant的前端基本都使用了lovelace UI,确实很方便,自定义空间更大了

这一次,我重新设计了这样的一个功能,整体想法是制作一个触摸面板,在这个面板上,你可以点击、双击,滑动以控制HA的各种设备,用来当作遥控器最合适不过了,当然也不仅仅是遥控器了,或许你能有更好的用处!

欢迎查看GitHub仓库

更新记录

2019年10月7日 首次发布

功能介绍和截图

正如下面截图一样,就是一个面板,你可以在这个面板上面点击、滑动来控制HA的设备,大致的功能和特色如下: 
1. 支持的操作:单击、双击、上下左右滑动和上下左右长滑动
2. 每一个操作动作均有动画反馈
3. 触摸板的上方和下方均可以增加额外的按钮
4. 触摸面板可选择是否折叠
5. 配置文件十分简单,几乎所有的配置代码都可以选择性删除
效果图

安装以开始使用:

  1. 下载本仓库的www/lovelace-card-touchpad.html文件放入到你homeassistant配置文件目录的~~/www文件夹下
    如图所示:
  2. 在homeassistant配置文件ui-lovelace.yaml中的对应位置加入以下代码,以加载lovelace-card-touchpad
resources:
  - url: /local/lovelace-card-touchpad.html
    type: html
  1. ui-lovelace.yaml加入对应的以下配置文件代码即可。 完整的配置文件示例代码如下,你需要把相应的ID换成你的就可以了
    cards:
      - type: custom:lovelace-card-touchpad   #必须
        ####  以下内容均为可选,不需要的删了那一行就行
        name: 客厅电视遥控器
        icon: mdi:television
        fold: true    #折叠触摸板
        debug: true   #显示调试信息
        touchpad:               #以下是触摸板功能的ID
          tap: script.tap               #单击
          up: script.up                 #上滑
          down: script.down             #下滑
          left: script.left             #左滑
          right: script.right           #右滑
          double_tap: script.double_tap       #双击
          Long_up: script.Long_up             #长上滑
          Long_down: script.Long_down          #长下滑
          Long_left: script.Long_left          #长左滑
          Long_right: script.Long_right        #长右滑
        top_buttons:    ##触摸板 上面的 按钮
          - switch.xxxxxx_1
          - switch.xxxxxx_2
          - switch.xxxxxx_3
        bottom_buttons:    ##触摸板 下面的 按钮
          - switch.xxxxxx_4
          - switch.xxxxxx_5
          - switch.xxxxxx_6

配置文件注意事项:

  1. 你可能觉得以上配置文件有点复杂,其实并不是,上面的配置文件的每一行都是可以删除的,比如说你只需要一个触摸板,不需要额外的按钮,那就把按钮部分的代码删了就是了,甚至什么名称、图标的什么的都可以删除,包括触摸板功能,也可以删除的!
  2. 配置文件touchpad的触摸功能建议使用script的服务的ID,因为这种不需要状态反馈。top_buttonsbottom_buttons可以随意,但不支持传感器
广告位,电脑和手机可分别设置,可放任何广告代码
赞 4 打赏
分享海报
版权声明
分享是一种美德,转载请注明地址
文章地址:倾微博客 » 用于homeassistant的lovelace的一个触摸板卡片:lovelace-card-touchpad
广告位,电脑和手机可分别设置,可放任何广告代码

评论 抢沙发

  • *
  • *
图片正在生成中,请稍后...

周三

11/20

用于homeassistant的lovelace的一个触摸板卡片:lovelace-card-touchpad

lovelace-card-touchpad for homeassistant lovelace UI 用于homeassistant的lovelace的一个触摸板卡片 去年我发布过一个more-info-qinver-tv的自定义详情页,初衷就是为了解决homeassistant不方便触摸操作的问题,因为像很多类似于电视遥控器的控制,如果只能点击按钮,那么在移动设备上的体验是很糟糕

还不错吧!打赏支持一下呗

支付宝扫一扫打赏

微信扫一扫打赏

登录

记住我

注册