2

很难找到与导游/入职/等相关的好看的东西angular，大多数图书馆都很丑陋，被遗弃或仅为桌面驱动的旅行而构建。对于移动设备，没有库可以正确支持它。大多数用户搜索material design tour onboarding，我们可以在android库上看到它，但不幸的是，没有真正好的web mobile tours库。此外，搜索您需要的解决方案有很多不同的名称，它们的名称不同，因此搜索它们成为一个严重的问题。

我创建的最好的移动导览库是MaterialTapTargetPrompt，但它是用于 android 的，并且没有用于 angular 的分支。它也可以称为 ShowCaseView 等。

我想为导览、叠加入门、演练步骤设置现有的库，我的问题是——也许有人知道一些最新的、更好的库，或者 Angular Material 团队会为此实现自己的库？

4

2 回答 2

15
  1. ngx-guided-tour和medium 上的教程。演示。带覆盖。难以适应手机

ngx 导览

  1. ngx-tour及其演示。没有覆盖，只是游览。看起来不错，但也主要用于桌面。也称为ngx-tour-ng-bootstrap- 相同的库。

ngx-旅游

  1. 兜风之旅演示，非常相似ngx-guided-tour。但在移动视口上效果更好（StackOverflow 上关于joyride的一些问题）

兜风之旅

  1. angular-ui-tour demo -ngx-tour受到这个库的启发，所以它们也很相似。没有覆盖，桌面。

角度-ui-tour

  1. ngx-onboarding ( rosen-group/ngx-onboarding )演示- 这个库看起来比那里的所有其他库更好，但也不能像 android tapTargetPromt库那样成为材料覆盖的杀手。

在此处输入图像描述

  1. telemachy - 废弃的（2y）库，重叠的步骤很差。类似于上面的库。

遥机械

  1. miraxes/angular-custom-tour演示叠加，步骤。相似的。

角度定制之旅

  1. bdc-walkthrough 演示- 桌面驱动，没有覆盖的步骤...

bdc-演练

  1. angular-onboarding-overlay demo - 自定义解决方案，不是库，也许很好，但很难适应移动设备

角度入职覆盖

  1. ngx-walkthrough页面- 没有演示，良好的屏幕截图，旧库的一个分支，来自 Angular 5、6 等的大量分支，安装错误。等着瞧

ngx-演练

摘要：

我还没有找到任何好的库来在移动设备上进行简单而漂亮的入职培训。所有这些步骤式的弹出器和模态看起来都像大而烦人的工具提示。不知道为什么到 2020 年 angular（和 angular-material lib）在这种情况下没有好的库。如果有人为这种情况提出其他库/方式解决方案，我会很高兴。

我希望，很快我们就会有类似 android material onboarding 的东西。

激发灵感的好链接：

https://www.pinterest.com/Johnsenmc/app-overlay-examples/

图片

类似的搜索但没有成功

于 2020-08-08T08:45:34.350 回答
0

在有大量时间寻找和评估各种方法之后，我也有同样的惊喜。到目前为止，我发现的最好的一个是introjs.com。然而，它并不完全令人满意，尤其是在让用户与应用程序交互（我无法使用该disableInteraction选项）以及在应用程序页面之间切换时。

如果有人有新的建议，我很感兴趣！

于 2021-04-17T08:53:13.423 回答