具有 4 个方向滚动的 UIPageViewController

Question

我用UIView 上的一些图像创建了一个网格视图，它应该像默认的iOS Photos app Collection [Screenshot attached]

点击图片时，它应该在带有 UIPageViewController 的屏幕中显示完整的图片 我用 UIPageViewController 添加了 FullImages 但它只有两个方向，我只能从左到右和从右到左或从上到下和从下到上滚动，但我想同时做这两个

例如： 我按以下顺序有 9 张图片

1 2 3

4 5 6

7 8 9

假设我在图片5

如果我从top to bottom 滚动，我必须转到图像2

现在，如果我从 bottom to top 滚动，我必须转到图像 5

现在，如果我再次从 bottom to top 滚动，我必须转到图像 8

现在如果我从 right to left 滚动，我必须转到图像 9

现在，如果我从 top to bottom 滚动，我必须转到图像 6

现在如果我从left to right 滚动，我必须转到图像5

有人可以建议如何实现吗？

我可以使用UIPageViewController 或任何其他控件来获得此效果

Answer 1

我会用UICollectionView 代替Grid layout 拍摄照片。

您不能设置集合视图的both dimension scrollability。但是您将通过使用多个部分来实现这一点

举个例子：

我认为您需要这样的东西.. 只需删除第一行和列。并添加 ImageView 而不是 Just Text..

http://www.brightec.co.uk/ideas/uicollectionview-using-horizontal-and-vertical-scrolling-sticky-rows-and-columns

另一个好例子是：https://github.com/izotx/ScrollableCollectionView

&如果您想在网格的middle 照片上加载视图，则相应地设置该集合视图的ContentOffset..

据我了解您的问题，此解决方案应该可以解决您的问题..

试试这个，如果你解决了，请告诉我。或者你得到另一个最好的解决方案..

Answer 2

UIPageViewController 不会做你想做的事。把它想象成一本书。这就是它提供的。它不会提供滚动这样的页面网格。

自定义的UICollectionView 可能是您想要的最佳起点。