iOS: SegmentControl 实现页面切换的四种方法
2016-06-13 00:29
513 查看
关于 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 切换的几种实现方法, 总体来讲,这是一个颇为复杂的页面, 开发起来工作量还是蛮大的。 至于选用哪种,视应用场景而定吧。
对于一个颇为复杂的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 切换的几种实现方法, 总体来讲,这是一个颇为复杂的页面, 开发起来工作量还是蛮大的。 至于选用哪种,视应用场景而定吧。
相关文章推荐
- iOS解析json的4种方法
- iOS 关于修饰代理用weak还是assign
- iOS多线程
- iOS 自带 MD5转化
- ios实现视频录制功能 一
- iOS开发中(null)与<null>的处理
- iOS消除对应的警告!
- ios,pod 更新版本和降级版本,OSX 10.10+,打包pod,全教程
- iOS中video标签播放视频
- iOS 导航栏透明,变色动画
- iOS开发之百度免费API使用案例(身份证号获取地址、手机号查归属地、MD5解密等)
- iOS开发大神必备的Xcode插件
- HTML5最终会成为iOS和Android替代者吗?
- 如何从零开始搭建openCV IOS 工程
- iOS开发error
- iOS 处理图片的一些小 Tip
- 从iOS端Facebook分享的预览效果到Open Graph Protocol(开放内容协议)
- Nagios
- iOS8通讯录之联系人增删查,多号码增删操作
- CocoaPods的安装及使用