35

我试图达到以下效果：

AUICollectionView为父类对象（例如相册）显示单元格网格。当我点击其中一项时，我想将该元素滚动到屏幕顶部并从中打开类似 Springboard 的文件夹。在该文件夹区域内，应显示另一个集合，包括详细项目，即该相册的单张照片。点击剩余的“父”视图会再次关闭文件夹。请参阅此架构：

在此处输入图像描述

到目前为止，我所做的是专辑的常规收藏视图。当我选择一个时，它会滚动到顶部的选定项目，然后用于JWFolders在该位置打开一个空文件夹。一旦显示出来，我就会触发周围环境UINavigationController来推动我的第二个视图控制器和细节项。那个是布局的，所以它在用户看来就好像它仍然是同一个视图。

这种方法有几个问题，我想知道如何更好地做到这一点：

  1. JWFolders 截取屏幕截图并向上/向下动画两半以实现打开效果。这没问题，但在 iPad3 上相当慢，因为它移动了很多像素，而 iPad3 的 GPU 不能完全胜任这项任务。

  2. 第二个视图需要像素完美以匹配第一个视图。这很可能会意外中断。

  3. 对于视图控制器转换可以使用哪些动画，我受到限制。默认UINavigationController从右侧推送不合适。我覆盖它以进行交叉溶解，但仍然远非理想。

我想获得有关如何以可维护的方式解决此问题的指示，这种方式不需要对框架的设计目的进行太多创造性的黑客攻击。我可能在这里遗漏了一些明显的东西，因此感谢您提供示例或一般建议。

更新：

我稍微改变了方法。现在我使用一个包含两个嵌入式集合视图控制器的容器视图控制器。一个用于“相册”，一个用于底部的“照片”部分。UIImageView在两者之间使用a ，我可以完成指向上方的三角形。从维护的角度来看，这也很好，因为这两个集合完全分开处理，使维护更容易。

该应用程序使用自动布局，因此我可以通过修改约束来更改两个嵌入视图中的每一个占用的空间量。这比使用 JWFolders 的基于屏幕截图的方法快得多，并且在 iPad3 上也能很好地工作。

这几乎可以让我到达我想去的地方。剩下的一件事是让开场动画正确。我想同时滚动相册集合，以便点击的项目转到顶部并展开照片集合，三角形指向相册单元格。

我可以通过布局约束以某种方式将下视图“连接”到该单元格，以便scrollToItemAtIndexPath:atScrollPosition:animated:调用将下视图拖开吗？

4

2 回答 2

1

为了解决这个问题，我会丢失库并导致 iOS 在没有屏幕截图或其他技巧的情况下移动这些显示元素。在轻按时，使轻按的图标保持其正常外观，同时使所有其他图标变暗。从顶部到点击图标所在行的末尾查找集合视图的内容。创建两个新的集合视图 - 一个包含上半部分，包括您点击的图标，另一个包含下面的其余部分。将这些视图分开动画，为文件夹视图腾出空间。

文件夹视图是另一个 UICollectionView，它出现在创建的间隙中。在主视图中，根据抽屉是打开还是关闭，呈现一个或三个视图。我可能会考虑创建一个带有集合视图的视图控制器，并使用视图控制器包含来管理所有三个视图。您可以完全控制这些视图的呈现方式，因此您可以像 Springboard 一样同时上下动画顶部和底部视图以显示文件夹视图。

当这一切正常时，您可以概括并开始做一些事情，例如决定将点击的图标作为底部集合的一部分，如果图标在屏幕上较低，则文件夹显示在上方。

（我犹豫回答这个问题，因为有大量的赞成票但没有答案，所以我可能错过了一些东西——但这就是我开始尝试实现跳板效果的方式。）

于 2013-05-08T00:17:50.727 回答
0

要以相对简单的方式解决此问题，您可以尝试将文件夹设为简单的 UICollectionView 子类，然后在点击相册单元格时插入该单元格。在集合视图数据源中，您必须为文件夹单元格返回不同的大小等。在文件夹中，您必须创建文件夹集合视图，避免将文件夹单元格作为单元格文件夹集合视图的数据源。

于 2013-08-28T18:33:19.310 回答