您的位置:首页 > 移动开发 > IOS开发

iOS: SegmentControl 实现页面切换的四种方法

2016-06-13 00:29 477 查看
关于 SegmentControl的应用,我们先来了解下其应用场景。

对于一个颇为复杂的app来说, 如何处理页面的切换,是一个至关重要的问题。 最为常用的是 TabBar, 通过Tab的切换,大多数app,用到Tab 就可以了。 但对于更为复杂的App, 就得用到 TAB + Segment 组合。 通过Tab切换不同的页面, 在同一个页面内,再通过 SegmentControl 来切换,真可谓纵横交错。

先举个例子: 各大门户的新闻客户端,就是典型的 TAB+Segment 的应用。 像是一套组合拳。

关于Tab的切换, Xcode 本身是支持的, 不在这里赘述了。 着重来讲讲 SegmentControl 的应用。

如何实现 Segment的切换, 就这个知识点,我与很多人进行过讨论,总结有4种方法:

纯代码编写

从本质上来讲,segment的切换,就是 View 的切换。 我先通过代码方式创建几个view, 再通过 [self.view addSubView] 将要显示的View加载进来。 当切换到另一个View时, 再将当前的View remove掉,再加载新的View。 举例来说, 有3个segment, 点击 segment 0, 显示View A; 点击segement1, 显示 View B; ….

点评: 技术实现上是可行的, 但代码量很大, 尤其是每个View上有多个控件时, 更为复杂。 需要为每个控件编写代码。

2.通过Xib 实现 (或 storyboard)

原理是, 所有的 segment 对应的View, 都位于同一个 ViewController 下。 我直接在storyboard 或xib文件文件上,进行视图的拖拽, 可以快速生成需要的View。 通过 View 的 hidden 属性,控制哪个View显示,哪个View 隐藏。

点评: 技术上可行, 代码量很少。 这些视图一直是存在的, 只是对用户来讲,有的可见,有的不可见。 通常认为,这种方法的内存消耗较大。 只要这个ViewController 处于Active 状态, 它里面所包含的所有数据都是存在的。

3.将各View 加载到一个 ScrollView中, 与segment 联动起来。 既可以通过点击segment 来切换View,也可以通过左右滑动View,来切换页面,并且segment的焦点与之联动。

实现思路: 实现创建好各个SubView, 编码创建或xib创建都可以。 再添加到scrollview中。 点击segment时,通过Scrollto 方法,直接跳转到指定的页面。 比如:从ViewA -> View C, 直接跳转,而不是 View A->View B -View C;

4.通过手势的判断:

如果不想通过Scrollview,也想实现同等的效果,可以添加手势, 获取左右滑动的手势,来切换页面。 这个效果与Scrollview 的效果差不多, 但代码量 会少很多。

小结:

以上总结了segment 切换的几种实现方法, 总体来讲,这是一个颇为复杂的页面, 开发起来工作量还是蛮大的。 至于选用哪种,视应用场景而定吧。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: