Home Assistant Swipe Navigation 安装与配置指南

Home Assistant Swipe Navigation 安装与配置指南

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

1. 项目基础介绍

Home Assistant Swipe Navigation 是一个开源项目，它允许用户在移动设备上通过滑动屏幕来浏览 Home Assistant 仪表板的不同视图。本项目是从 maykar/lovelace-swipe-navigation 项目分支出来的，以继续开发，因为原项目目前无人维护。本项目使用 TypeScript、Shell、JavaScript 和 Dockerfile 等编程语言。

2. 项目使用的关键技术和框架

本项目使用以下关键技术和框架：

• TypeScript：一种由 Microsoft 开发的开源编程语言，它是 JavaScript 的一个超集，添加了静态类型选项。
• Shell：用于编写脚本，自动化项目中的各种任务。
• JavaScript：一种高级的、解释执行的编程语言，用于网页和服务器端开发。
• Dockerfile：用于定义如何构建 Docker 容器的文件。

3. 安装和配置准备工作

在开始安装之前，请确保您已经满足以下先决条件：

• Home Assistant 已经安装在您的系统上。
• 您有权限访问 Home Assistant 的配置目录。
• 安装了 Node.js 和 npm。
• 安装了 Docker。

详细安装步骤

方法一：通过 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 元素（如下所示）：

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

请注意，这只是一个示例，您需要根据实际情况进行调整。

如果您在安装或配置过程中遇到问题，可以查看 Mark Watt 的视频教程，他在视频中详细介绍了配置过程。

贡献者：如果您想帮助项目，请为仓库添加星标，并打开问题或拉取请求以贡献您的开发工作。

感谢：特别感谢 @maykar，他是这个项目的原始作者。

通过以上步骤，您可以成功安装并配置 Home Assistant Swipe Navigation，提升您的 Home Assistant 体验。

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