一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

ios开发中UINavigationBar和Status Bar实例应用及隐藏各种bar

时间:2015-07-09 编辑:简简单单 来源:一聚教程网

在iOS 7+中,我们可以修改每个View Controller中状态栏的外观,而iOS7之前的状态栏都是白色风格。iOS7之前设置背景颜色还需要搞个背景View覆盖,而iOS7只需要设置一下barTintColor颜色即可。

UINavigationBar设置

1.设置背景颜色:

[self.navigationController.navigationBar setBarTintColor:[UIColor redColor]];

效果如下:

 


2.Translucent设置成透明度,设置成YES会有一种模糊效果:

[self.navigationController.navigationBar setTranslucent:YES];



设置为NO的效果:


 

3.设置背景图片,图片样式需要根据情况适用,调用方法为setBackGroundImage:

[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"FlyElephant.png"] forBarMetrics:UIBarMetricsDefault];

4.设置NavigationBar标题大小及颜色,之前设置是通过UITextAttributeFont,UITextAttributeTextColor,UITextAttributeTextShadowColor和UITextAttributeTextShadowOffset设置,现在需要都根据NS开头的属性去设置:

    
NSDictionary  *textAttributes=@{NSForegroundColorAttributeName:[UIColor whiteColor],NSFontAttributeName:[UIFont systemFontOfSize:20]};
 
[self.navigationController.navigationBar setTitleTextAttributes:textAttributes];

5.NavigationBar设置中间的标题或者自定义View:

[self.navigationItem setTitle:@"旅行"];
[self.navigationItem setTitleView:[UIImage imageNamed:@"FlyElephant"];

6.单个或多个左右Item设置:

单个leftItem设置:


UIBarButtonItem  *leftBarButton=[[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"BackIcon"] style:UIBarButtonItemStylePlain target:self action:@selector(popBack)];
 [leftBarButton setTintColor:[UIColor colorWithWhite:0 alpha:1]];
 self.navigationItem.leftBarButtonItem=leftBarButton;

 
效果如下:




多个rightItem设置:

UIBarButtonItem *firstItem=[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemReply target:self action:nil];
UIBarButtonItem *secondItem=[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemTrash target:self action:nil];
NSArray *rightItems=@[firstItem, secondItem];
self.navigationItem.rightBarButtonItems=rightItems;

效果如下:



状态栏(StatusBar)设置

iOS7之前状态栏永远是白色风格,我们没有太多的空间去进行修改,iOS 7之后,我们可以修改每个控制器中状态栏的外观,比如说在白天和夜间模式的切换过程中我们可以修改状态栏的颜色。状态栏上的时间、电池指示器和Wi-Fi信号默认是暗色,如上图所示,不过我们可以通过修改UIBarStyle然后执preferredStatusBarStyle的覆写方法:

[self.navigationController.navigationBar setBarStyle:UIBarStyleBlack];

最终执行的是覆写控制器中preferredStatusBarStyle的方法:(如果上面的代码不写是不会执行到preferredStatusBarStyle方法的)

- (UIStatusBarStyle)preferredStatusBarStyle
{
    return UIStatusBarStyleLightContent;
}

效果如下:



隐藏状态栏只需要覆写一下prefersStatusBarHidden即可:

- (BOOL)prefersStatusBarHidden
{
    return YES;
}

效果如下:



如果需要重新刷新一下状态栏,可以通过setNeedsStatusBarAppearanceUpdate控制~



ios开发中如何隐藏各种bar

状态条Status Bar

[UIApplication sharedApplication].statusBarHidden = YES;

或者

// iOS3.2+支持
[application setStatusBarHidden:NO withAnimation:UIStatusBarAnimationFade];

 statusBarHidden属性支持在iOS2.0+,setStatusBarHidden:animated:方法在iOS3.2中开始取消了,而采用了setStatusBarHidden:withAnimation:方法。

上述方法只能实现在程序跳过loading(即启动画面)的时候才能隐藏状态栏。如果想要在启动画面开始即隐藏状态栏,则要修改app的info.plist文件,新增UIStatusBarHidden键(Status bar is initially hidden),其值是YES。

同理:对于状态栏的颜色改变,也要分别从两处着手,代码[[UIApplicationsharedApplication] setStatusBarStyle:UIStatusBarStyleBlackOpaque];仅仅改变了启动画面之后的视图上的状态栏,要让App应用在启动画面之时就改变默认颜色,则要修改info.plist文件,新增UIStatusBarStyle键(Status bar style),其值有Opaque black style、Transparent black style和默认的Gray style。

导航条Navigation Bar

[self.navigationController setNavigationBarHidden:YES];

选项卡TabBar

方法一:

[self.tabBarController.tabBar setHidden:YES];

此方法的问题:虽然tabBar栏被隐藏了,但该区域成一片空白区,无法被其他视图使用。

方法二:


对于navigationController+tabBarController的结构,可以在push下一级的childController之前将childController的hidesBottomBarWhenPushed属性设为YES。比如,可以在childController的初始化方法中做这件事,代码如下:

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
 {
      self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
      if (self) {
         // Custom initialization.
         self.hidesBottomBarWhenPushed = YES;
     }
 return self;
 }

方法三:

- (void)makeTabBarHidden:(BOOL)hide
 {
     if ( [self.tabBarController.view.subviews count] < 2 )
     {
         return;
     }
     UIView *contentView;
     
     if ( [[self.tabBarController.view.subviews objectAtIndex:0] isKindOfClass:[UITabBar class]] )
     {
         contentView = [self.tabBarController.view.subviews objectAtIndex:1];
     }
     else
     {
         contentView = [self.tabBarController.view.subviews objectAtIndex:0];
     }
     //    [UIView beginAnimations:@"TabbarHide" context:nil];
     if ( hide )
     {
         contentView.frame = self.tabBarController.view.bounds;        
     }
     else
     {
         contentView.frame = CGRectMake(self.tabBarController.view.bounds.origin.x,
                                        self.tabBarController.view.bounds.origin.y,
                                        self.tabBarController.view.bounds.size.width,
                                        self.tabBarController.view.bounds.size.height - self.tabBarController.tabBar.frame.size.height);
     }
     
     self.tabBarController.tabBar.hidden = hide;
     //    [UIView commitAnimations];    
 }

时机

- (void)viewWillAppear:(BOOL)animated
 {
      [self setFullScreen:YES];
 }
 - (void)viewWillDisappear:(BOOL)animated
  {
      [self setFullScreen:NO];
  }
  - (void)setFullScreen:(BOOL)fullScreen
 {
     // 状态条
      [UIApplication sharedApplication].statusBarHidden = fullScreen;
      // 导航条
     [self.navigationController setNavigationBarHidden:fullScreen];
      // tabBar的隐藏通过在初始化方法中设置hidesBottomBarWhenPushed属性来实现
  }

热门栏目