[iOS 开发] 请教大家这种页面如何实现比较优雅？

[hustlzp]

类似上图的页面，上面有个 tab ，点击可以切换下面的视图，下面的视图可能是 tableview 或 collection view 或普通的 uiview 。

如果 tab 是固定在上方的，实现起来比较简单，可以把下面的页面拆分到一个个独立的 view controller 中，然后作为 child view controller 加进来。切换上面的 tab 时，只需显示 /隐藏 child view controller 的 view 就行。

但这个 tab 需要跟着页面上下滚动。目前想到的方式是在当前 view controller 中实现一个 tableview ，把 tab 作为 tableview 的 header view 。然后如果点击 tab 切换到 tableview 类型的视图，那么就在 tableview 协议中根据不同的 tab 返回对应类型的 cell 。如果是其他类型的，那么 tableview 的 rows 返回 1 ，然后把整个 view 塞到这个 cell 中（比如把整个 collection view 塞到这个 cell 中）。

但这样做的问题是维护性差，单个 view controller 塞进了太多的逻辑。如果能拆开就好了。

不知道大家有没有遇到这样的问题，或者有更好的想法。

[blacknight]

@pheyer 下面用 scrollview 主要是为了便于左右滑动可以切换上面的 tab ， contentsize 设为 屏幕宽，高度为屏幕高减去 tab 高度，其实这里使用 pageviewcontroller 也是可以。在初始化的时候，你可以禁用下面 sub scrollview 子视图的手势，当 sub scrollview 显示在 scrollview 某个位置的时候，开启 sub scrollview 子视图的手势，此时保留 tab 在屏幕最上方，就有了悬浮的效果。当检测到 sub scrollview 子视图（ tableview or collectionview ）到了顶的时候，就把手势还给 sub scrollview 。这样处理就可以达到 LZ 要求的效果。

我在后面有帖一个达到类似效果的示例，你可以去看看它是怎么实现的，可能跟我的实现方案不一样。

[blacknight]

仔细想了一下，上面的处理方法不正确，这样滑动效果没办法衔接。之前做的时候没有 tab 悬浮的问题，是固定了 tab 。
看看这篇文章的解决办法可行么
http://blog.csdn.net/lizhongfu2013/article/details/12063413

[wezzard]

WWDC 2014 session 232

[fhefh]

mark 目前也遇到类似问题 收藏一下

[nathanw]

别把 tableview 放在 scrollView 上，
也别把 view 放在 scrollView 用于左右切换，用 transition 的 api ，自己查查。

至于实现，我觉得直接让 header + tab 悬浮，多个 child controller 的 view 全屏加在底部，设置 contentInset 让内容下移，最后 header 和 tab 监听 child table view 的 contenoffset 来移动

[free9fw]

https://github.com/wangmchn/WMPageController 这个挺好用的，最近修复了几个 bug ，可以设置子 view 的 frame 和 origin

[tigerZhang]

@nathanw 遵守苹果的建议，实现方案也可行。