iOS开发使用Tab Bar Controller实现页面导航功能
来源:互联网 发布:淘宝定时上架有什么用 编辑:程序博客网 时间:2024/05/14 12:04
如今类似微信的底部导航栏已经在越来越多的App实现。这是一种极为简洁方便的导航和页面跳转方式。比普通的按钮跳转更为方便,同时能在多个页面之间实现一键切换。现在我们将在iOS上实现底部导航栏的功能,称之为Tab Bar Controller.
(1)在Main.storyboard中新建3个View Controller,分别表示三个城市的首页,北京,上海,杭州。需求是在导航栏点击不同的图标,然后切换到不同的界面。
(2)在storyboard中选中第一个北京的ViewController,选择Editor-->Embed in-->Tab Bar Controller.此时就会在左侧出现一个新的界面,该界面就是Tab Bar Controller. 同时对上海主页,杭州主页做如下操作。程序流程如下:
。
(2)分别在三个城市的首页下方导航栏处写上Title和Image,可以在右侧的属性界面Show the Attributes inspector.
。
设置完以后,在storyboard中如下:
。
(3)在第一个Tab Bar Controller上设置为初始化的ViewController。
。
。
(4)运行程序,就可以实现底端的导航栏了。运行效果如下:
。
。
。
最后感谢林永坚Jake老师!Thanks!
github主页:https://github.com/chenyufeng1991 。欢迎大家访问!
0 0
- iOS开发使用Tab Bar Controller实现页面导航功能
- iOS 5.0 load tab bar controller
- iOS学习- 05 Tab Bar Controller
- Tab Bar Controller(选项卡)的使用
- tab bar controller 代码使用例子
- 使用Tab Bar Controller 切换视图
- iOS开发9:使用Tab Bar切换视图
- Simple Tab-bar Controller
- iOS 跳转页面tab bar闪动
- 使用框架集实现页面导航功能
- iOS开发之导航栏Navigation Controller的使用
- iOS 【错误:'Changing the delegate of a tab bar managed by a tab bar controller is not allowed.'】
- 使用ActionBar实现Tab导航
- 使用Viewpager实现Tab导航
- 使用ActionBar实现Tab导航
- iOS之tab bar
- 如何隐藏Tab Bar Controller的Tab Bar
- IOS开发基础教程学习笔记3 使用Tab Bar切换视图
- spi协议及工作原理分析(转载)
- pcDuino使用问题总结
- cocos2dx中精灵如何run一个动作
- 为什么在C语言中 3<x<5无论x取什么值,最终结果都为1
- bitset的基本用法
- iOS开发使用Tab Bar Controller实现页面导航功能
- RecyclerView Bug:IndexOutOfBoundsException: Inconsistency detected. Invalid item position 解决方案
- hdu 5338 ZZX and Permutations (贪心+线段树+二分)
- Unity3D与Android的交互 4.6打包出APK无问题,升级到5.0时出现无法打包的情况
- Java时间格式验证
- Kaggle练习赛-digit recognizer-kNN解法全部实现步骤
- 9.1数组与字符串(三)——将字符串中的空格全部替换为“%20”
- Qt中splitter的使用
- 设计模式C++实现(3)——适配器模式