问题标签 [scroll-paging]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6415 浏览

ios - UICollectionView - 水平分页,3 个页面可见,1 个在中间使用 UICollectionView

在使用 UICollectionView 在不同页面之间滚动时,我正在尝试实现与移动 Safari 相同的功能。一页在中间,其他部分也可见。

在此处输入图像描述

我正在努力使用 UICollectionView 实现这种行为。有一种方法我找到了如何在一个屏幕上放置 3 个页面 - 使页面更小并设置适当的插图。但是,一旦我将页面设置为更小并启用了分页,页面就不会按应有的方式滚动到中心。我也可以禁用分页并在 UICollectionViewFlowLayout 的子类中使用此方法:

在这种方法中,我可以准确设置 UICollectionView 将停止的位置。但是,滚动体验不如使用启用分页的 UIScrollview 好。当我以更大的速度滑动时,滚动了几页并停在建议的页面上。我想要实现的是与启用分页的正常滚动视图相同的行为——无论我使用什么速度,我只会多得到 1 页。

有谁知道如何使用 UICollectionView 解决这个问题?

0 投票
1 回答
979 浏览

macos - 仅在特定值上停止 NSScrollView - 像 UIScrollView 分页

我正在开发一个使用 SDK 10.7 作为部署目标的 Mac OS X 应用程序。NSScrollView 包含图像缩略图的水平列表。ScrollView 中心的缩略图表示所选图像,该图像以全尺寸显示在 ScrollView 下方。这与 Finder Cover-Flow 的工作方式非常相似,除了我的应用程序中的图像不会流动而只是滚动离开。

我想将滚动限制为仅在缩略图恰好位于中心时停止。NSView 方法adjustScroll:是无解的。这将禁用“平滑”滚动并让 ScrollView 从一个缩略图跳到下一个。

我需要某种动作/回调来告诉我 ScrollView 完成了滚动。我可以检查位置是否正常(如果缩略图在中心)或向后/向前滚动到最近的缩略图。但是 NSScrollView 不提供这样的回调。

我试图观察 ScrollViews contenView 框架的变化。每当框架发生变化时,我都会启动一个计时器。如果计时器在触发之前没有重新启动,我假设滚动停止。这不是很好。如果滚动只停止很短的时间(例如,因为手指被移动以进行另一个滑动手势),下一次滚动会干扰位置的校正。

在 iOS 下使用 UIScrollView 可以毫无问题地解决这个任务。NSScrollView的类似分页功能将是一个完美的解决方案。

有谁知道如何解决这个问题?

非常感谢!

0 投票
1 回答
437 浏览

xcode - uiscrollview 分页跳页?

嗨,我有一个 uiscrollview,我有 4 个图像,按钮在情节提要中垂直排列,我启用了分页,但它会跳过大部分图像并捕捉到最后一个图像。有没有办法让它在每个全屏图像上停止而不加载一堆uiviews?这是我已经拥有非常基本的代码。。H

0 投票
2 回答
214 浏览

ios - 从本地文本文件加载具有多个 uitextfield 和 uitextview 的调查

我正在尝试开发一个应用程序,其功能之一是调查表。这项调查可能会不时更改。所以我想,最好的办法是通知用户更新版本的调查,让他下载为文本文件。下载后,我会处理一些预定义标签的文本文件,然后将其作为调查表加载到他的屏幕上,其中包含多个文本字段和文本视图。是否有可用的示例代码显示我们如何对这些不同的标签进行编码,这些标签可以稍后在显示调查滚动视图之前进行处理。

例如:我可以将 [Question] 用于文本视图,将 [Empty] 用于文本字段,将 [Multiple] 用于多选答案的可能性。类似地 [[Start]] 和 [[End]] 用于开始和结束要处理的文本。

我试图在网上搜索更好的方法来做到这一点。我遇到了建议 webview 的这个问题,但我需要离线使用调查,以便用户可以保存他的答案并在以后继续/更改它们。

0 投票
0 回答
710 浏览

ios - UIScrollView 分页加载子视图比滚动慢,如何取消手势,延迟,..?

当通过滚动视图快速滚动时,我不确定内容是否加载得不够快或绘图被跳过,因为我通过检查 scrollViewDidEndDecelerating 生成新的子视图:(有更好的方法吗?)不需要快速滚动!- 我只是想解决它引起的问题。

更长的解释:我有一个滚动视图,内容很大并且启用了分页。对于给定的页面,添加三个子视图,其框架原点为 -1、0、+1 倍框架大小(因此中间框架可见,其他是下一页和上一页)。Frame -1 和 +1 是 ImageViews,Frame 0 是另一个 UIScrollView,有自己的 ImageView 子视图。它们不是子类。

出于性能原因,我的方法是检查滚动是否向前或向后移动,并且只加载新图像,因为另外两个已经加载,我存储它们,例如“UIImage *tempImg1 = previousPageImageView.image”并从那里获取它们一旦添加了子视图。

现在快速滚动会导致新图像不会出现,但更糟糕的是,程序会混淆它应该在哪个索引处并崩溃。我用小图片尝试过,但同样的问题。

不一定允许用户快速滚动,一旦开始页面移动直到加载完成,忽略进一步的滑动手势可能就足够了。

非常感谢您的想法。

页面加载:

触发负载:

0 投票
1 回答
600 浏览

ios - 无法在情节提要 iOS 中附加 UIScrollView 分页

我有一个用故事板构建的表格应用程序,所以我想为表格中的项目添加分页可能性。我使用了本教程

所以我将新视图添加到情节提要和视图上的 UIScrollView。比做了一个属性 UIScrollView* scrollView; 并在情节提要中制作关系 scrollView - ECOMClPanelPagingViewController。(ECOMClPanelPagingViewController 是我的视图的 UIViewController 类。

。H

.m

所以我只看到带有导航控制器的白色背景..谁能帮助我?

0 投票
0 回答
124 浏览

jquery - symfony 中的滚动分页插件

我尝试了三个小时来解决问题(Symfony 2.2),但我没有找到任何解决方案。我不知道如何在 contentpage 中编写页面的 url:

在我的路由中,我写道:

和控制器:

0 投票
0 回答
208 浏览

ios - 放大在嵌套 UITableView 中识别水平滑动的滑动角度

我正在尝试在 iOS 中构建一个 UI,其中有一个外部分页 UIScrollView,其中有多个 UITableView,每个 UITableView 代表一个页面。我遇到的问题是我必须滑动以触发外部分页UIScrollView水平滚动的角度太窄。这是显示我的意思的屏幕截图。

在此处输入图像描述

本质上,用户必须以近乎完美的水平角度滑动,以便 UITableView 忽略手势并将其传递给外部 UIScrollView,从而触发水平页面移动。这种行为很快就会变得烦人。

我对堆栈进行了广泛的研究,但无济于事。有些人建议设置directionalLockEnabled,但这在这里没有效果(内部 UITableView 的方向被锁定,它解释为在它的方向上的角度太贪心了)。其他人建议修改 contentSize,但实际上视图的 contentSize 是正确的。还有一些人建议使用手势识别器,但这些似乎在启动之前有延迟。

谁能建议如何完成上图中的行为?

0 投票
1 回答
3042 浏览

objective-c - 带有分页和动量的 UITableView

观察结果

在您抬起手指后,我发现了一些关于 UITableViews / UIScrollViews 如何在 iOS 的 Objective-C 中滚动的“奇怪”事情:

  • 滚动视图的“速度”(如scrollViewWillEndDragging:withVelocity:targetContentOffset:)不是基于时间,而是基于“渲染”或“帧刷新”等;即,“速度”为 3.0 意味着滚动视图将在下一次刷新之前滚动 3.0 点,此时如果“速度”仍为 3.0,它将再滚动 3.0 点。(与基于时间的绝对速度相反)

  • “刷新”大约发生。每秒 950 次,但这会有所不同且不可靠。(再次,与基于时间的绝对刷新率相反)

  • 因为 UIScrollViews 是指数减速而不是线性减速,decelerationRate是一个几何常数。这意味着在滚动视图的每次“刷新”时,它的“速度”都设置为之前的速度乘以“减速率”。

  • 在某些时候,滚动视图的速度足够接近于零,以至于它停止滚动。我不确定这个门槛是多少。


期望的行为/问题

我推导出了一个方程,理论上可以求解该方程以调整减速率,以便滚动视图可以随动量自然滚动,并足够靠近表格视图单元格的顶部以模拟“分页”。(我还添加了一个动画来scrollViewDidEndDragging:willDecelerate:最小化调整内容偏移量。调整内容偏移量而不调整 decelerationRate 看起来很奇怪;滚动视图要么向前跳跃,要么突然向后倾斜。)

这个等式是:A d^n + B d + C = 0其中 d = decelerationRate。理想情况下,我想要d(n, A, B, C)形式的东西,但我的数学博士朋友告诉我,这在确定性上是不可能的。他将我指向以下页面:http ://en.wikipedia.org/wiki/Root-finding_algorithm

我还发现我无法使用动画样式将滚动视图动画到预定的内容偏移,UIViewAnimationCurveEaseOut因为setContentOffset:animated:它不带options:参数。否则我会“伪造”滚动到我预先计算的内容偏移量。

(我在 SO 上找到了这个,但它对我不起作用:UIScrollview setContentOffset with non linear animation ?

我想使用表格视图,因为我的滚动视图中的所有元素本质上都是单元格,而表格视图最适合显示单元格列表。但是,基于我难以获得我想要的行为,我可能只是制作一个分页滚动视图,这可能会更容易。然后我可以限制在我的自定义“表格视图”中可见的“单元格”的数量,或者根据需要在事后加载它们。


你有什么想法/想法/建议?

到目前为止,我还没有找到我想要的现有示例。


插图

示例 1或者 示例 2

0 投票
1 回答
605 浏览

iphone - 在导航和状态栏下使用 pagingEnabled 扩展垂直 UIScrollView

我正在尝试在导航和状态栏下方使用 pagingEnabled 扩展垂直 UIScrollView。

对于其他非分页滚动视图,向上增加框架并调整 contentInset 工作正常。但是,使用分页滚动视图执行此操作会影响每次滑动的分页量 - 由于页面未与分页高度对齐,因此有效地破坏了分页。

尝试使用这种解决方案,即保持框架大小相同并设置 clipsToBounds = NO,有点工作。但是,它只显示上面的单元格,如果它实际上在框架内可见 - 状态栏和导航栏下方的 66 像素不计算在内。

我怎样才能做到这一点?