iOS 7 8 状态栏导航栏标签栏的改变

导航栏

1半透明

self.navigationController.navigationBar.translucent=NO;

2从导航栏下面开始算坐标

self.edgesForExtendedLayout=UIRectEdgeNone;

3设置全局的返回按钮图片。

在 AppDelegate 中进行全局设置,代码如下:

UIImage *backImage = [[[UIImage imageNamed:@"navigation_back"]

imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]

imageWithAlignmentRectInsets:UIEdgeInsetsMake(0, 0, 11.5, 0)];

[[UINavigationBar appearance] setBackIndicatorImage:backImage];

[[UINavigationBar appearance] setBackIndicatorTransitionMaskImage:backImage];

注:返回按钮的图片我采用的是44*44 point 的图片,但是不知道为什么如果直接设置就会偏上11.5 point,只好校正一下。

PS:UIAppearance.iOS5及其以后提供了一个比较强大的工具UIAppearance,我们通过UIAppearance设置一些UI的全局效果,这样就可以很方便的实现UI的自定义效果又能最简单的实现统一界面风格.

使用appearance设置UI效果最好采用全局的设置,在所有界面初始化前开始设置,否则可能失效。

4隐藏返回按钮上的文字

[[UIBarButtonItem appearance]setBackButtonTitlePositionAdjustment:UIOffsetMake(0, -60) forBarMetrics:UIBarMetricsDefault];

其实就是把按钮文字向上移了60 point,并没有隐藏,只是在屏幕上看不到而已,用 Reveal 还是可以看到……

5背景颜色

[UINavigationBar appearance].barTintColor = [UIColor blueColor];

6字体颜色

a)顶部标题颜色

[[UINavigationBar appearance] setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor whiteColor]}];

b)按钮的文字颜色

[UINavigationBar appearance].tintColor = [UIColor whiteColor];

7navigation底部阴影

[[UINavigationBar appearance] setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];

[[UINavigationBar appearance] setShadowImage:[UIImage new]];


iOS10之前的navigationBar的背景是@"_UINavigationBarBackground",到iOS10变成了@"_UIBarBackground"。

NSArray *subviews=self.navigationController.navigationBar.subviews;

for (UIView *view in subviews) {

       if (iOS10) {

               //iOS10,改变了状态栏的类为_UIBarBackground

               if ([view isKindOfClass:NSClassFromString(@"_UIBarBackground")]) {

                           view.hidden = YES;

               }

        }else{

               //iOS9以及iOS9之前使用的是_UINavigationBarBackground

               if ([view isKindOfClass:NSClassFromString(@"_UINavigationBarBackground")]) {

                        view.hidden = YES;

                } 

         }

}

标签栏

1字体颜色

[UITabBarItem.appearance setTitleTextAttributes: @{ NSForegroundColorAttributeName : [UIColor blueColor] }

forState:UIControlStateNormal];

[UITabBarItem.appearance setTitleTextAttributes: @{ NSForegroundColorAttributeName : [UIColor whiteColor] }

forState:UIControlStateSelected];

2隐藏标签栏

a)推荐方法

设置需要关闭的vc的hidesBottomBarWhenPushed属性为yes

b)在viewwillappear中加入

self.tabBarController.tabBar.hidden=YES;

如果在viewdidload中加入,则会被覆盖

3tabbar上方的线

[self.tabBarsetShadowImage:[[UIImagealloc]init]];

[self.tabBarsetBackgroundImage:[[UIImagealloc]init]];

ios10适配

//UITabBarController里面

[[UITabBar appearance] setBackgroundImage:[UIImage imageNamed:@"BarBackground.png"];

[[UITabBar appearance] setShadowImage:[UIImage new]];


4半透明

[self.tabBarsetTranslucent:NO];

5设置常规图片和选中图片

a)常规图片

UITabBarItem*item =self.tabBar.items[index];

UIImage*imageNomal = [[UIImageimageNamed:nomalImageName]imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

item.image= imageNomal;

b)选中图片

UIImage*imageSelected = [[UIImageimageNamed:selectedImageName]imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

item.selectedImage= imageSelected;

状态栏

1改变状态栏颜色

首先在 Info.plist 中的 Information Property List 中添加一个 Key为View controller-based status bar appearance的 item,其 Type 设为 Boolean,Value 设为 NO

然后在AppDelegate.m的application:didFinishLaunchingWithOptions:中添加:

[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;

2隐藏状态栏

首先在 Info.plist 中的 Information Property List 中添加一个 Key为View controller-based status bar appearance的 item,其 Type 设为 Boolean,Value 设为 NO

在需要隐藏StatusBar 的 ViewController 中的viewDidLoad加入以下代码:

if ([self respondsToSelector:@selector(setNeedsStatusBarAppearanceUpdate)]) {

[self prefersStatusBarHidden];

[self setNeedsStatusBarAppearanceUpdate];

}

重写prefersStatusBarHidden:

-(BOOL)prefersStatusBarHidden {

return YES;

}

注:但是这样设置的话从这个页面开始整个 app 的 StatusBar 都会隐藏,如果想要再显示出来,只需要在其他 ViewController 中加入:

[UIApplication sharedApplication].statusBarHidden = NO;

推荐阅读更多精彩内容