Nativescript 竖屏滑动 / ViewPager
Nativescript Vertical Screen Slide / ViewPager
如 Android Viewpager 所示,在 垂直方向 中,在 Nativescript 中实现屏幕滑动的最简单方法是什么?此功能的另一个示例是 rss reader feedly
,您可以在其中通过滑动 up/down.
来更改 rss 提要
页面应允许垂直滚动到 top/bottom,然后在某个阈值后过渡。
我已经遇到了nativescript-slides,只能水平滑动。
那么有 "nativescript" 方法还是我必须将其实现为本机 android/ios 功能(例如 by this)?在任何一种情况下,关于如何将它集成到 nativescript 中的示例都会很棒。
更新
记录了一个例子:
取自 this Repo with Android native code. The outstanding PR 进行了更改以在列表中提供垂直滚动。但是回购协议似乎已经过时并且有点错误。
我稍后可以提供更多信息,但是有一个新插件实现了 android 和 iOS 的原生控件,slides/carousel 她的 https://github.com/alexrainman/nativescript-carousel-view 和他的垂直滑动雷达,我认为他甚至可能接近完成。
给对上面的嵌套滚动动画感兴趣的人一个答案:
对于 Android 我必须在 Nativescript 中实现原生 ReyclerView
以支持 NS 构建 ListView
。它是一种优化的视图结构,除其他外允许嵌套(垂直)滚动,并且可以用作普通列表的替代品。
与https://github.com/alexrainman/nativescript-carousel-view一起工作就像一个魅力!
来到这里的任何人仍在寻找实现此目标的方法。
我花了很多时间试图找出一种方法来实现这一点,并试图为此找到现成的插件。还尝试使用 Alexrainman 的插件,但最终放弃了,因为该插件不是当前 nativescript 版本的最新版本。
我的解决方法:
我使用 radListView 作为此实现的基础,并利用了 radListView 上的方法和事件。
通过使用滚动事件,我收集了使用滚动功能的数据:滚动速度和滚动方向。 (这些也可能取自事件数据,但由于我没有从 Nativescript 文档中找到事件详细信息,所以我放弃了尝试猜测在事件模型上的何处可以找到此数据)。
然后我也保存了我列表中一项的固定高度(高度我固定为screenHeight-200)。
根据所有这些信息,我成功地挂钩了事件 "ScrollDragEnded" 并添加了使我的列表表现得像垂直滑块的逻辑。通过方法 "scrollToIndex" 在列表上移动,并利用上述所有数据确定滚动哪个索引以及何时滚动。
这就是我成功制作出相当不错的垂直幻灯片的方法。
祝你好运!
如 Android Viewpager 所示,在 垂直方向 中,在 Nativescript 中实现屏幕滑动的最简单方法是什么?此功能的另一个示例是 rss reader feedly
,您可以在其中通过滑动 up/down.
页面应允许垂直滚动到 top/bottom,然后在某个阈值后过渡。
我已经遇到了nativescript-slides,只能水平滑动。
那么有 "nativescript" 方法还是我必须将其实现为本机 android/ios 功能(例如 by this)?在任何一种情况下,关于如何将它集成到 nativescript 中的示例都会很棒。
更新
记录了一个例子:
取自 this Repo with Android native code. The outstanding PR 进行了更改以在列表中提供垂直滚动。但是回购协议似乎已经过时并且有点错误。
我稍后可以提供更多信息,但是有一个新插件实现了 android 和 iOS 的原生控件,slides/carousel 她的 https://github.com/alexrainman/nativescript-carousel-view 和他的垂直滑动雷达,我认为他甚至可能接近完成。
给对上面的嵌套滚动动画感兴趣的人一个答案:
对于 Android 我必须在 Nativescript 中实现原生 ReyclerView
以支持 NS 构建 ListView
。它是一种优化的视图结构,除其他外允许嵌套(垂直)滚动,并且可以用作普通列表的替代品。
与https://github.com/alexrainman/nativescript-carousel-view一起工作就像一个魅力!
来到这里的任何人仍在寻找实现此目标的方法。
我花了很多时间试图找出一种方法来实现这一点,并试图为此找到现成的插件。还尝试使用 Alexrainman 的插件,但最终放弃了,因为该插件不是当前 nativescript 版本的最新版本。
我的解决方法: 我使用 radListView 作为此实现的基础,并利用了 radListView 上的方法和事件。
通过使用滚动事件,我收集了使用滚动功能的数据:滚动速度和滚动方向。 (这些也可能取自事件数据,但由于我没有从 Nativescript 文档中找到事件详细信息,所以我放弃了尝试猜测在事件模型上的何处可以找到此数据)。
然后我也保存了我列表中一项的固定高度(高度我固定为screenHeight-200)。
根据所有这些信息,我成功地挂钩了事件 "ScrollDragEnded" 并添加了使我的列表表现得像垂直滑块的逻辑。通过方法 "scrollToIndex" 在列表上移动,并利用上述所有数据确定滚动哪个索引以及何时滚动。
这就是我成功制作出相当不错的垂直幻灯片的方法。
祝你好运!