Home Assistant 滑动导航插件使用教程

Home Assistant 滑动导航插件使用教程

hass-swipe-navigation ↔️ Swipe through Home Assistant Dashboard views on mobile. 项目地址: https://gitcode.com/gh_mirrors/ha/hass-swipe-navigation

1. 项目介绍

Home Assistant 滑动导航插件是一个开源项目，它允许用户在移动设备上通过滑动屏幕来切换 Home Assistant 仪表板的不同视图。这个插件是对原有项目的一个扩展和改进，以提供更加流畅和直观的用户体验。

2. 项目快速启动

安装

您可以通过以下两种方式之一来安装滑动导航插件：

使用 HACS 安装

1. 在 Home Assistant 前端页面，点击右下角的加号按钮。
2. 搜索 "Home Assistant swipe navigation" 并安装。
3. 刷新仪表板页面。可能需要清除缓存。

手动安装

1. 从最新版本中复制 swipe-navigation.js 文件到 /www/hass-swipe-navigation/ 目录下。
2. 在 ui-lovelace.yaml 或仪表板资源中添加以下内容：

   resources:
     - url: /local/hass-swipe-navigation/swipe-navigation.js?v=1.0.0
       type: module
   

3. 刷新页面，可能需要清除缓存。

配置

如果需要自定义配置，可以在仪表板配置的根目录下添加 swipe_nav 元素。以下是一些可配置的选项：

• wrap: 是否从第一个标签页跳转到最后一个标签页，反之亦然。
• enable_mouse_swipe: 是否通过鼠标启用滑动导航。
• animate: 滑动动画效果，可选值有 none, swipe, fade, flip。
• prevent_default: 是否阻止浏览器默认的水平滑动行为。

配置示例：

swipe_nav:
  wrap: false
  enable_mouse_swipe: true
  animate: swipe
  skip_tabs: 5,6,7,8
  prevent_default: true
  swipe_amount: 30

3. 应用案例和最佳实践

• 在家庭自动化环境中，使用滑动导航可以快速切换监控视图，提高用户体验。
• 当有多个仪表板视图时，滑动导航可以减少用户操作步骤，提高操作效率。

4. 典型生态项目

• Home Assistant: 一个开源的家庭自动化平台，可以集成和控制各种智能设备。
• Lovelace: Home Assistant 的一个仪表板界面，支持自定义和丰富的用户体验。

以上是基于 Home Assistant 滑动导航插件的一个基础教程，希望对您有所帮助。

hass-swipe-navigation ↔️ Swipe through Home Assistant Dashboard views on mobile. 项目地址: https://gitcode.com/gh_mirrors/ha/hass-swipe-navigation