App开发流程之状态栏和导航栏
记录状态栏和导航栏的设置和控制,统一在基类视图控制器中完成。
状态栏。
状态栏高度为20,iOS7以后背景完全透明。
样式枚举如下:
typedef NS_ENUM(NSInteger, UIStatusBarStyle) {
UIStatusBarStyleDefault = 0, // Dark content, for use on light backgrounds
UIStatusBarStyleLightContent NS_ENUM_AVAILABLE_IOS(7_0) = 1, // Light content, for use on dark backgrounds
UIStatusBarStyleBlackTranslucent NS_ENUM_DEPRECATED_IOS(2_0, 7_0, "Use UIStatusBarStyleLightContent") = 1,
UIStatusBarStyleBlackOpaque NS_ENUM_DEPRECATED_IOS(2_0, 7_0, "Use UIStatusBarStyleLightContent") = 2,
} ;
动画枚举如下:
typedef NS_ENUM(NSInteger, UIStatusBarAnimation) {
UIStatusBarAnimationNone,
UIStatusBarAnimationFade,
UIStatusBarAnimationSlide,
} ;
旧的常用设置方式:
[[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:UIStatusBarAnimationFade];
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault];
但是iOS9以后废弃了这些方法。就算是在iOS7上,如果启用了基于UIViewController的状态栏控制系统,上述方法也将失效。
UIApplication.h中的注释内容为:Setting the statusBarStyle/statusBarHidden does nothing if your application is using the default UIViewController-based status bar system.
iOS7以后默认开启了UIViewController的状态栏控制系统。如果需要关闭,并采用旧的设置方式,可以将Info.plist中键值View controller-based status bar appearance设置为NO。
新的设置方式:
- (UIStatusBarStyle)preferredStatusBarStyle; // Defaults to UIStatusBarStyleDefault
- (BOOL)prefersStatusBarHidden; // Defaults to NO
- (UIStatusBarAnimation)preferredStatusBarUpdateAnimation; // Defaults to UIStatusBarAnimationFade
// This should be called whenever the return values for the view controller's status bar attributes have changed. If it is called from within an animation block, the changes will be animated along with the rest of the animation block.
- (void)setNeedsStatusBarAppearanceUpdate;
上述方法,均为UIViewController的实例方法,前三个方法可以在子类中被重写,最后主动调用setNeedsStatusBarAppearanceUpdate才会生效。
为了便于切换控制方式,提供宏控制方案:
1.在Info.plist文件中增加键值View controller-based status bar appearance = NO
2.在基类控制器的头文件中定义如下宏,便于子类检查是否启用该宏定义
//使用基于视图控制器的状态栏控制系统,UIApplication的setStatusBarHidden类似方法将无效
//开启此宏定义,请将Info.plist中View controller-based status bar appearance设置为YES,否则置为NO
#define UseDefaultUIViewControllerBasedStatusBarSystem
3.提供相关属性以设置状态栏,提供相关方法更新状态栏,并在实现文件中增加条件判断宏
#ifdef UseDefaultUIViewControllerBasedStatusBarSystem - (UIStatusBarStyle)preferredStatusBarStyle
{
return self.statusBarStyle;
} - (BOOL)prefersStatusBarHidden
{
return self.willHideStatusBar;
} - (UIStatusBarAnimation)preferredStatusBarUpdateAnimation
{
return UIStatusBarAnimationFade;
} #endif - (void)updateStatusBar
{
#ifdef UseDefaultUIViewControllerBasedStatusBarSystem
[self setNeedsStatusBarAppearanceUpdate];
#else
[[UIApplication sharedApplication] setStatusBarHidden:self.willHideStatusBar withAnimation:UIStatusBarAnimationFade];
[[UIApplication sharedApplication] setStatusBarStyle:self.statusBarStyle];
#endif
}
导航栏
导航栏高44,iOS7以后默认透明,由UINavigationBar的translucent属性决定。
1.设置导航栏显示属性,更多是在设置UINavigationController的UINavigationBar属性。UIViewController中也存在UINavigationController类型的属性,参考如下:
[self.navigationController.navigationBar setBarStyle:UIBarStyleDefault];
[self.navigationController.navigationBar setTranslucent:YES];
[self.navigationController.navigationBar setBackgroundImage:[ImageHelper getImageWithColor:NaviBarColor] forBarMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setShadowImage:[ImageHelper getImageWithColor:NaviBarShadowColor]];
[self.navigationController.navigationBar setTitleTextAttributes:NaviBarTitleAttributes];
2.设置标题、按钮相关属性,关注UIViewController的UINavigationItem属性
3.隐藏导航栏,可以设置navigationBarHidden属性,但建议使用方法
- (void)setNavigationBarHidden:(BOOL)hidden animated:(BOOL)animated; // Hide or show the navigation bar. If animated, it will transition vertically using UINavigationControllerHideShowBarDuration.
如果上一个界面显示导航栏,下一个界面隐藏导航栏(带有返回上一个界面的功能方法),界面切换可能出现导航栏过渡效果不佳的情况。在viewWillAppear方法中,使用代码
[self.navigationController setNavigationBarHidden:self.willHideNavigationBar animated:animated];
可以得到较好的切换效果。
4.如果带有bottomBar,当新的UIViewController将要被push到导航栈top前,可以使用UIViewController的hidesBottomBarWhenPushed控制bottomBar显示
5.合理使用导航栏控制的属性viewControllers和方法:
- (void)setViewControllers:(NSArray<UIViewController *> *)viewControllers animated:(BOOL)animated NS_AVAILABLE_IOS(3_0); // If animated is YES, then simulate a push or pop depending on whether the new top view controller was previously in the stack.
可以实现导航栈中的视图控制器切换、替换、新增、移除等功能效果。
6.导航控制的如下代理方法,可以实现切换动画的自定义,后续记录一个实现返回手势控制的分类将涉及到
- (nullable id <UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController
interactionControllerForAnimationController:(id <UIViewControllerAnimatedTransitioning>) animationController NS_AVAILABLE_IOS(7_0);
- (nullable id <UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController
animationControllerForOperation:(UINavigationControllerOperation)operation
fromViewController:(UIViewController *)fromVC
toViewController:(UIViewController *)toVC NS_AVAILABLE_IOS(7_0);
UIViewController的self.view布局问题
单独一个视图控制器的self.view应该是充满容器的,origin为(0, 0),增加导航栏以后,如果不设置,仍然为(0, 0),将增加subview布局的麻烦。所以,需要关注如下属性:
@property(nonatomic,assign) UIRectEdge edgesForExtendedLayout NS_AVAILABLE_IOS(7_0); // Defaults to UIRectEdgeAll
@property(nonatomic,assign) BOOL extendedLayoutIncludesOpaqueBars NS_AVAILABLE_IOS(7_0); // Defaults to NO, but bars are translucent by default on 7_0.
extendedLayoutIncludesOpaqueBars属性,该属性表示是否包括不透明bars,默认不包括,但是iOS7以后,状态栏和导航栏都是默认透明的,所以self.view默认与屏幕边缘贴合。
edgesForExtendedLayout决定了self.view与边缘的距离,默认贴合边框,当增加导航栏以后,需要设置为UIRectEdgeNone,使self.view上边缘与导航栏下边缘贴合。
下图为self.edgesForExtendedLayout = UIRectEdgeNone;
说明:导航栏下的红条origin为(0, 0)且高20,黑条高44,蓝条高44。

下图为self.edgesForExtendedLayout = UIRectEdgeAll;

无导航栏时候,两种设置,红条都靠着顶部。
UIViewController的automaticallyAdjustsScrollViewInsets属性。
该属性自动设置self.view上scrollView类型的subview的insets,默认为YES。
当导航栏隐藏时候,该属性会导致scrollView的contentView的offsetY自动为20,也就是看到scrollView内容从状态栏下边缘开始显示,这也将带来很多麻烦。
所以导航栏隐藏时候设置self.automaticallyAdjustsScrollViewInsets = !willHideNavigationBar;可以避免意外的显示异常。
下一篇记录一个实现返回手势的分类。
base项目已更新:git@github.com:ALongWay/base.git
App开发流程之状态栏和导航栏的更多相关文章
- Android 4.4 沉浸式透明状态栏与导航栏
Android 系统自4.2 開始 UI 上就没多大改变,4.4 也仅仅是添加了透明状态栏与导航栏的功能,如图 那么如今我就来给大家解说下怎样使用这个新特性,让你的 app 尾随潮流,当然假设你不在乎 ...
- 兼容 Android 4.4 透明状态栏与导航栏
http://www.apkbus.com/Android-163388-1-1.html?_dsign=73d41229 android 系统自4.2 开始 UI 上就没多大改变,4.4 也只是增加 ...
- iOS获取状态栏和导航栏尺寸(宽度和高度)
iPhone开发当中,有时需要获取状态栏和导航栏高度.宽度信息,方便布局其他控件.下面介绍一下如何获取这些信息: // 状态栏(statusbar) CGRect rectStatus = [[UIA ...
- iOS - 获取状态栏和导航栏尺寸(宽度和高度)
iPhone开发当中,有时需要获取状态栏和导航栏高度.宽度信息,方便布局其他控件.下面介绍一下如何获取这些信息: // 状态栏(statusbar) CGRect rectStatus = [[UIA ...
- Android 5.0状态栏和导航栏
Material Design推出之后,app中也開始沿用这样的风格 今天来说一下状态栏颜色设置,在4.4的时候推出了透明状态栏和导航栏.在不使用第三方库的情况下,4.4还是没有全然解决存在actio ...
- 【转】iPhone获取状态栏和导航栏尺寸(宽度和高度)
原文网址:http://blog.csdn.net/chadeltu/article/details/42708605 iPhone开发当中,有时需要获取状态栏和导航栏高度.宽度信息,方便布局其他控件 ...
- Android隐藏状态栏、导航栏
Android隐藏状态栏.导航栏 private void hideStatusNavigationBar(){ if(Build.VERSION.SDK_INT<16){ this.getWi ...
- iOS 状态栏、导航栏、工具栏、选项卡大小
1.状态栏状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用.如下图用户可以隐藏状态栏,也可以将状态栏设置为灰色,黑色或者半透明的黑 ...
- 20个可以帮你简化iOS app开发流程的工具
这里推荐20个可以帮你简化iOS app开发流程的工具.很多开发者都使用过这些工具,涉及原型和设计.编程.测试以及最后的营销,基本上涵盖了整个开发过程. 原型和设计 有了一个很好的创意后,你要做的不是 ...
随机推荐
- HANA Studio中修改默认查询结果只显示1000行
- 直接把数据库中的数据保存在CSV文件中
今天突然去聊就来写一个小小的demo喽,嘿嘿 public partial class Form1 : Form { public Form1() { InitializeComponent(); } ...
- 轻量级linux CRUX安装笔记
感谢hrdd的分享,原文出处:http://wxdhrdd.blog.163.com/blog/static/120500564200952592240867/ 以下是对原文进行补充 crux的安装: ...
- AC_Dream 1224 Robbers(贪心)
题意:n个抢劫犯分别抢到的金钱是k1, k2, k3,...,一共得到的金钱是m, 但是在分钱的时候是按照x1/y, x2/y, x3/y,....的比例进行分配的!这样的话 一些抢劫犯就会觉得不公平 ...
- ECMASCRIPT 6中字符串的新特性
本文将覆盖在ECMAScript 6 (ES6)中,字符串的新特性. Unicode 码位(code point)转义 Unicode字符码位的长度是21位[2].而JavaScript的字符串,是1 ...
- url rewrite优化url的可读性
1.下载urlrewrite,官方下载地址:http://tuckey.org/urlrewrite/ 2.解压缩文件,将jar放入项目,并创建urlrewrite.xml: 3.将filter添加到 ...
- 【Java】一次SpringMVC+ Mybatis 配置多数据源经历
需求 现在在维护的是学校的一款信息服务APP的后台,最近要开发一些新功能,其中一个就是加入学校电影院的在线购票.在线购票实际上已经有一套系统了,但是是外包给别人开发的,我们拿不到代码只能拿到数据库,并 ...
- iOS_拨打电话/发送短信
GitHub address : https://github.com/mancongiOS/makeACallAndSendMessage.git 功能一: 拨打电话 1.可以有提示框.提示该电话号 ...
- [git]本地查看,重命名,拉取,删除远程分支
1.git branch -a 查看所有的分支,包含远程仓库.-av:同时显示最近的一个commit信息. 2.git checkout -b newBranch origin/master 拷贝一份 ...
- 学习android开发笔记
最近重点看了几个android工程的源代码,有几点疑问 1:为什么android客户端游戏要开启n个线程,而且通常每个线程的操作只有i++: 2:为什么很多列表在游戏逻辑和绘制逻辑里没有做同步: 3: ...