美文网首页iOS Developer
iOS导航样式之一

iOS导航样式之一

作者: 遛遛食 | 来源:发表于2017-05-13 09:50 被阅读68次

在iOS中导航条分为三块:leftView、titleView、rightView并且leftView和rightView是一样的

先说titleView

设置titleView为文字

这里写图片描述
self.title = @"购买大厅";

设置titleView为按钮

这里写图片描述
UIButton *titleBtn = [[UIButton alloc]init];
titleBtn.frame = CGRectMake(0, 0, 100, 44);
[titleBtn setTitle:@"合买订单" forState:UIControlStateNormal];
[titleBtn setImage:[UIImage imageNamed:@"YellowDownArrow"] forState:UIControlStateNormal];
[titleBtn addTarget:self action:@selector(titleBtnClike:) forControlEvents:UIControlEventTouchUpInside];
self.navigationItem.titleView = titleBtn;

自定义titleView

这里写图片描述
UIView *customView = [[UIView alloc]init];
customView.frame = CGRectMake(0, 0, 200, 44);
customView.backgroundColor = [UIColor blueColor];
self.navigationItem.titleView = customView;

下面介绍如何设置LeftItem/RightItem

设置为文字

这里写图片描述
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc]initWithTitle:@"按钮" style:UIBarButtonItemStyleDone target:self action:nil];

设置为图片

这里写图片描述
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"Mylottery_config"] style:UIBarButtonItemStylePlain target:self action:nil];

设置为文字图片

这里写图片描述
UIButton *rightBtn = [[UIButton alloc]init];
    rightBtn.frame = CGRectMake(0, 0, 100, 44);
    [rightBtn setImage:[UIImage imageNamed:@"pushSettings"] forState:UIControlStateNormal];
    [rightBtn setTitle:@"开奖信息" forState:UIControlStateNormal];
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc]initWithCustomView:rightBtn];

自定义View

一般多个按钮就是创建按钮添加到自定义的View中的


这里写图片描述
UIView *leftView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 100, 44)];
leftView.backgroundColor = [UIColor blueColor];

self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc]initWithCustomView:leftView];

状态栏设置

在iOS7之前对状态条的操作是交由UIApplecation的,而在iOS7之后,对状态条的操作就交由了视图控制器来管理

在info.plist中添加View controller-based status bar appearance
设置为NO。这样UIAPPlication就可以控制状态条了。


启动隐藏状态条


方法一:
在info.plist中设置


方法二:
在TARGEST中勾选


隐藏状态栏


方法一:

//在视图控制器中写这个方法
- (BOOL)prefersStatusBarHidden  
{  
    return YES;  
} 

方法二:
在UIAPPlication中添加
[[UIApplication sharedApplication] setStatusBarHidden: YES];//会报警告

改变状态条的颜色


状态条一共有三种样式
方法一:
可以在inf.plist中设置



方法二:
在UIApplication中

[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];//setStatusBarStyle为枚举类型  

注意如果状态栏隐藏掉那么状态栏的20px高度就算在了屏幕里面
如果想要状态栏有自定义效果,可以使用覆盖,也可以隐藏掉之后用UIView

相关文章

  • iOS导航样式之一

    在iOS中导航条分为三块:leftView、titleView、rightView并且leftView和right...

  • 移动端导航栏

    可以作为应用主体导航 标签导航 标签导航是IOS系统中最常见的导航,它继承了桌面导航的样式,对图标进行了扁平化处理...

  • 交互微专业笔记3- 移动产品设计模式

    设计模式之导航 标签式导航:放置在底部是ios常见的样式,放置在顶部是安卓常见的样式。标签数在5个以内。 分段式导...

  • 仿iOS手机QQ空间的导航样式

    iOS手机QQ空间导航样式是,进入界面时,没有导航栏,随着界面的滑动,滑动到一定位置的时候,会出现导航条,而且,按...

  • 小程序自定义导航栏设置

    为了摆脱小程序单一的顶部导航栏样式,添加更为炫酷的导航栏 设置导航栏宽高 (bug更新,ios真机上出现部分手机获...

  • iOS导航样式之二

    1.设置导航条颜色 注意:在这里设置透明度是没有效果的 2.设置导航条图片 ***注意:1.图片是会被平铺的。 2...

  • 【iOS】设置导航栏样式

  • iOS 一种新的修改导航栏样式的方法(支持iOS10).

    iOS 一种新的修改导航栏样式的方法. 开宗明义: 对系统导航栏最底层的UIView加一层CALayer, 通过操...

  • Bootstrap - 导航1

    导航(基础样式) 导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一,可以便于用户查找网站所...

  • bootstrap导航

    1、导航(基础样式) 导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一,可以便于用户查找网...

网友评论

    本文标题:iOS导航样式之一

    本文链接:https://www.haomeiwen.com/subject/qrhxxxtx.html