Swift - 标签条(UITabBar)标签页控制器(UITabBarController)用法
2015-09-25 15:09
627 查看
App底部的tab标签页可以方便的把功能模块划分清楚,只需点击相应的标签页就可以展示完全独立的视图页面,同时各标签页间的视图也可以进行数据交换。
TabBarItem系统自带图标样式(System)介绍:
Custom:自定义方式,配合Selected Image来自定义图标
More:三个点的图标,表示更多意思
Favorites:星形图标
Featured:星形图标
Top Tated:星形图标
Recents:时钟图标
Contacts:一个圆形一个人头像的图标,代表联系方式
History:时钟图标
Bookmarks:书本图标
Search:放大镜图标,代表搜索的意思
Downloads:正方形,加一个向下的箭头,代表下载的意思
Most Recent:时钟图标
Most Viewed:三条杠的笔记本纸片图标
下面演示了两种创建标签页的方法。
1,使用storyboard设计标签页
(1)新建一个Simple View Application,然后删除原来的View Controller并拖入一个Tab Bar Controller,默认就带有两个标签页,每个标签页都在一个View Controller里。
(2)项目新建为Tabbed Application模板也可实现上面的效果。
(3)如果想要添加新的标签页,可以在storyboard里拖入更多的View Controller,每个View
Controller放入一个Tab Bar Item。然后建立Tab Bar Controller和新建的View
Controller之间的segue关联。即按住Ctrl键,拖动Tab Bar Controller到View
Controller,在弹出的上下文菜单中选择View Controller即可。
2,使用代码实现标签条(TabBar)
3,使用代码实现标签页控制器(TabBarController)
--- ViewController.swift ---
--- MainTabViewController.swift ---
--- MainViewController.swift ---
--- SettingViewController.swift ---
源码下载:
TabBarControllerTest.zip
TabBarItem系统自带图标样式(System)介绍:
Custom:自定义方式,配合Selected Image来自定义图标
More:三个点的图标,表示更多意思
Favorites:星形图标
Featured:星形图标
Top Tated:星形图标
Recents:时钟图标
Contacts:一个圆形一个人头像的图标,代表联系方式
History:时钟图标
Bookmarks:书本图标
Search:放大镜图标,代表搜索的意思
Downloads:正方形,加一个向下的箭头,代表下载的意思
Most Recent:时钟图标
Most Viewed:三条杠的笔记本纸片图标
下面演示了两种创建标签页的方法。
1,使用storyboard设计标签页
(1)新建一个Simple View Application,然后删除原来的View Controller并拖入一个Tab Bar Controller,默认就带有两个标签页,每个标签页都在一个View Controller里。
(2)项目新建为Tabbed Application模板也可实现上面的效果。
(3)如果想要添加新的标签页,可以在storyboard里拖入更多的View Controller,每个View
Controller放入一个Tab Bar Item。然后建立Tab Bar Controller和新建的View
Controller之间的segue关联。即按住Ctrl键,拖动Tab Bar Controller到View
Controller,在弹出的上下文菜单中选择View Controller即可。
2,使用代码实现标签条(TabBar)
--- ViewController.swift ---
TabBarControllerTest.zip
相关文章推荐
- Swift - 使用网格(UICollectionView)的自定义布局实现复杂页面
- Swift - 使用网格(UICollectionView)进行流布局
- Swift - 移除页面视图上的所有元素
- Swift - 使用导航条和导航条控制器来进行页面切换
- Swift - 带结果列表的搜索条(UISearchDisplayController)的用法
- Swift - 搜索条(UISearchBar)的用法
- Swift - 将表格UITableView滚动条移动到底部
- Swift - 给表格添加编辑功能(删除,插入)
- Swift - 自定义单元格实现微信聊天界面
- Swift - 给表格的单元格UITableViewCell添加图片,详细文本标签
- Swift - 使用表格组件(UITableView)实现分组列表
- Swift - 二进制,八进制,十六机制的表示方法
- Swift - 使用表格组件(UITableView)实现单列表
- Swift - 工具条(UIToolbar)的用法
- Swift - 使用UIWebView和UIToolbar制作一个浏览器
- Swift - 网页控件(UIWebView)加载本地数据,文件
- Swift 2.0学习笔记(Day 16)——字典集合
- Swift - 使用UIDatePicker实现倒计时功能
- Swift - 日期选择控件(UIDatePicker)的用法
- Swift - 各种手势检测大全(UIGestureRecognizer及其子类)