iOS开发UI篇—APP主流UI框架结构
2015-03-11 15:29
239 查看
一、简单示例
说明:使用[b]APP主流UI框架结构完成简单的界面搭建[/b]
搭建页面效果:
![](http://images.cnitblog.com/i/450136/201406/081243439279887.png)
![](http://images.cnitblog.com/i/450136/201406/081245021922145.png)
![](http://images.cnitblog.com/i/450136/201406/081245575521631.png)
![](http://images.cnitblog.com/i/450136/201406/081246303491479.png)
![](http://images.cnitblog.com/i/450136/201406/081247049275281.png)
![](http://images.cnitblog.com/i/450136/201406/081247366453558.png)
二、搭建过程和注意点
1.新建一个项目,把原有的控制器删除,添加UITabBarController控制器作为管理控制器
2.对照界面完成搭建
![](http://images.cnitblog.com/i/450136/201406/081250410051835.png)
3.注意点:
(1)隐藏工具条:配置一个属性,Hideabotton bar在push的时候隐藏底部的bar在那个界面隐藏,就在哪个界面设置。
![](http://images.cnitblog.com/i/450136/201406/081254308172993.png)
(2).cell可以设置行高
![](http://images.cnitblog.com/i/450136/201406/081253499277551.png)
(3)连线
![](http://images.cnitblog.com/i/450136/201406/081252118493682.png)
![](http://images.cnitblog.com/i/450136/201406/081252488803068.png)
(4)说明:在上面的页面搭建中直接使用了静态单元格,但在实际开发中,通常不这么做。
(5)在tableview中添加headerview(显示一根蓝线)
三、 APP主流UI框架结构
![](http://images.cnitblog.com/i/450136/201406/081256278804362.png)
请问:UITabBarController和导航控制器的在结构中的位置能否互调?(一个导航条)
设置控制器关联或出现问题,tableviewcontroller默认实现了数据源的方法,两个控制器把它反过来管理。关于导航条。导航条上显示什么内容由栈顶控制器来确定,下面的导航条只有一个(栈顶控制器就是tabbar控制器)。
补充说明:ios7全屏化的设计
打印ios7中控制器的层次结构:
![](http://images.cnitblog.com/i/450136/201406/081301060991199.png)
打印ios6中控制器的层次结构:
说明:使用[b]APP主流UI框架结构完成简单的界面搭建[/b]
搭建页面效果:
![](http://images.cnitblog.com/i/450136/201406/081243439279887.png)
![](http://images.cnitblog.com/i/450136/201406/081245021922145.png)
![](http://images.cnitblog.com/i/450136/201406/081245575521631.png)
![](http://images.cnitblog.com/i/450136/201406/081246303491479.png)
![](http://images.cnitblog.com/i/450136/201406/081247049275281.png)
![](http://images.cnitblog.com/i/450136/201406/081247366453558.png)
二、搭建过程和注意点
1.新建一个项目,把原有的控制器删除,添加UITabBarController控制器作为管理控制器
2.对照界面完成搭建
![](http://images.cnitblog.com/i/450136/201406/081250410051835.png)
3.注意点:
(1)隐藏工具条:配置一个属性,Hideabotton bar在push的时候隐藏底部的bar在那个界面隐藏,就在哪个界面设置。
![](http://images.cnitblog.com/i/450136/201406/081254308172993.png)
(2).cell可以设置行高
![](http://images.cnitblog.com/i/450136/201406/081253499277551.png)
(3)连线
![](http://images.cnitblog.com/i/450136/201406/081252118493682.png)
![](http://images.cnitblog.com/i/450136/201406/081252488803068.png)
(4)说明:在上面的页面搭建中直接使用了静态单元格,但在实际开发中,通常不这么做。
(5)在tableview中添加headerview(显示一根蓝线)
三、 APP主流UI框架结构
![](http://images.cnitblog.com/i/450136/201406/081256278804362.png)
请问:UITabBarController和导航控制器的在结构中的位置能否互调?(一个导航条)
设置控制器关联或出现问题,tableviewcontroller默认实现了数据源的方法,两个控制器把它反过来管理。关于导航条。导航条上显示什么内容由栈顶控制器来确定,下面的导航条只有一个(栈顶控制器就是tabbar控制器)。
补充说明:ios7全屏化的设计
打印ios7中控制器的层次结构:
![](http://images.cnitblog.com/i/450136/201406/081301060991199.png)
打印ios6中控制器的层次结构:
![](http://images.cnitblog.com/i/450136/201406/081302157868176.png)
相关文章推荐
- iOS开发UI篇—APP主流UI框架结构
- iOS开发UI篇—APP主流UI框架结构
- iOS开发UI篇—APP主流UI框架结构
- IOS开发 UI篇 APP主流UI框架结构
- iOS开发UI篇—APP主流UI框架结构
- iOS开发UI篇—APP主流UI框架结构
- iOS开发UI篇—APP主流UI框架结构
- iOS开发UI篇—QQ主流UI框架结构
- iOS-UI篇—APP主流UI框架结构
- iOS开发 - 第02篇 - UI进阶 - 09 - App主流UI框架结构
- iOS开发UI高级—16APP主流UI框架结构
- IOS-APP主流UI框架结构
- APP主流UI框架结构
- App主流UI框架结构
- iOS开发——UI进阶篇(十三)UITabBarController简单使用,qq主流框架
- APP主流UI框架结构
- UI进阶--APP主流UI框架结构
- iOS的UI开发中Modal的使用与主流应用UI结构介绍
- iOS开发UI篇—在UITableview的应用中使用动态单元格来完成app应用程序管理界面的搭建
- iOS App开发那些事:如何选择合适的人、规范和框架?