开发者社区> 珲yy少> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

iOS开发UINavigation系列一——导航栏UINavigtionBar

简介: iOS开发UINavigation系列一——导航栏UINavigtionBar
+关注继续查看

iOS开发UINavigation系列一——导航栏UINavigtionBar


一、导航栏的使用


       在iOS开发中,我们通常会使用导航控制器,导航控制器中封装了一个UINavigationBar,实际上,我们也可以在不使用导航控制器的前提下,单独使用导航栏,在UINavigationBar中,也有许多我们可以定制的属性,用起来十分方便。


二、UINavigationBar的创建和风格类型


       导航栏继承于UIView,所以我们可以像创建普通视图那样创建导航栏,比如我们创建一个高度为80的导航栏,将其放在ViewController的头部,代码如下:


UINavigationBar *bar = [[UINavigationBar alloc]initWithFrame:CGRectMake(0, 0, 320, 80)];

[self.view addSubview:bar];

效果如下:


       image.png


我们也可以设置导航栏的风格属性,从iOS6之后,UINavigationBar默认为半透明的样式,从上面也可以看出,白色的导航栏下面透出些许背景的红色。导航栏的风格属性可以通过下面的属性来设置:


@property(nonatomic,assign) UIBarStyle barStyle;

UIBarStyle是一个枚举,其中大部分的样式都已弃用,有效果的只有如下两个:


typedef NS_ENUM(NSInteger, UIBarStyle) {

   UIBarStyleDefault          = 0,//默认

   UIBarStyleBlack            = 1,//黑色

}

默认的风格就是我们上面看到的白色的风格,黑色的风格效果瑞如下:


image.png


三、导航栏常用属性和方法


       从上面我们可以看到,iOS6后导航栏默认都是半透明的,我们可以通过下面的bool值来设置这个属性,设置为NO,则导航栏不透明,默认为YES:


@property(nonatomic,assign,getter=isTranslucent) BOOL translucent;

下面一些方法用于设置NavigationBar及上面item的颜色相关属性:


@property(null_resettable, nonatomic,strong) UIColor *tintColor;

tintColor这个属性会影响到导航栏上左侧pop按钮的图案颜色和字体颜色,系统默认是如下颜色:


@property(nullable, nonatomic,strong) UIColor *barTintColor;

BarTintColor用于设置导航栏的背景色,这个属性被设置后,半透明的效果将失效:

image.png



- (void)setBackgroundImage:(nullable UIImage *)backgroundImage forBarMetrics:(UIBarMetrics)barMetrics NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;

- (nullable UIImage *)backgroundImageForBarMetrics:(UIBarMetrics)barMetrics;

上面两个方法用于设置和获取导航栏的背景图案,这里需要注意,默认背景图案是不做缩放处理的,所以我们使用的图片尺寸要和导航栏尺寸匹配,这里面还有一个UIBarMetrics参数,这个参数设置设备的状态,如下:


typedef NS_ENUM(NSInteger, UIBarMetrics) {

   UIBarMetricsDefault,//正常竖屏状态

   UIBarMetricsCompact,//横屏状态

};

//设置导航栏的阴影图片

@property(nullable, nonatomic,strong) UIImage *shadowImage;

//设置导航栏的标题字体属性

@property(nullable,nonatomic,copy) NSDictionary<NSString *,id> *titleTextAttributes;

标题字体属性会影响到导航栏的中间标题,如下:


  bar.titleTextAttributes = @{NSForegroundColorAttributeName:[UIColor redColor]};



我们也可以通过下面的属性设置导航栏标题的竖直位置偏移:


- (void)setTitleVerticalPositionAdjustment:(CGFloat)adjustment forBarMetrics:(UIBarMetrics)barMetrics;

- (CGFloat)titleVerticalPositionAdjustmentForBarMetrics:(UIBarMetrics)barMetrics;

还有一个细节,导航栏左侧pop按钮的图案默认是一个箭头,我们可以使用下面的方法修改:


@property(nullable,nonatomic,strong) UIImage *backIndicatorImage;

@property(nullable,nonatomic,strong) UIImage *backIndicatorTransitionMaskImage;

四、导航栏中item的push与pop操作


       UINavigationBar上面不只是简单的显示标题,它也将标题进行了堆栈的管理,每一个标题抽象为的对象在iOS系统中是UINavigationItem对象,我们可以通过push与pop操作管理item组。


//向栈中添加一个item,上一个item会被推向导航栏的左侧,变为pop按钮,会有一个动画效果

- (void)pushNavigationItem:(UINavigationItem *)item animated:(BOOL)animated;

//pop一个item

- (nullable UINavigationItem *)popNavigationItemAnimated:(BOOL)animated;

//当前push到最上层的item

@property(nullable, nonatomic,readonly,strong) UINavigationItem *topItem;

//仅次于最上层的item,一般式被推向导航栏左侧的item

@property(nullable, nonatomic,readonly,strong) UINavigationItem *backItem;

//获取堆栈中所有item的数组

@property(nullable,nonatomic,copy) NSArray<UINavigationItem *> *items;

//设置一组item

- (void)setItems:(nullable NSArray<UINavigationItem *> *)items animated:(BOOL)animated;

五、UINavigationBarDelegate


       在UINavigationBar中,还有如下一个属性:


@property(nullable,nonatomic,weak) id<UINavigationBarDelegate> delegate;

通过代理,我们可以监控导航栏的一些push与pop操作:


//item将要push的时候调用,返回NO,则不能push

- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPushItem:(UINavigationItem *)item;

//item已经push后调用

- (void)navigationBar:(UINavigationBar *)navigationBar didPushItem:(UINavigationItem *)item;

//item将要pop时调用,返回NO,不能pop  

- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPopItem:(UINavigationItem *)item;

//item已经pop后调用

- (void)navigationBar:(UINavigationBar *)navigationBar didPopItem:(UINavigationItem *)item;

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
iOS开发笔记--UIView中的坐标转换
<div class="dp-highlighter bg_objc" style="font-family:Consolas,'Courier New',Courier,mono,serif; background-color:rgb(231,229,220); width:812.96875px; overflow:auto; padding-top:1px; line-height:
1046 0
iOS开发笔记--Layer 图层圆角、边框 、底纹其他常用操作
<ol start="1" class="dp-objc" style="padding:0px; border:none; list-style-position:initial; color:rgb(92,92,92); font-family:Consolas,'Courier New',Courier,mono,serif; line-height:26px; margin:0px
2207 0
IOS开发笔记 IOS如何访问通讯录
    IOS开发笔记  IOS如何访问通讯录 其实我是反对这类的需求,你说你读我的隐私,我肯定不愿意的。 幸好ios6.0 以后给了个权限控制。当打开app的时候你可以选择拒绝。
964 0
IOS开发笔记
1 iphone开发笔记 2 3 退回输入键盘 4 - (BOOL) textFieldShouldReturn:(id)textField{ 5 [textField resignFirstRespo...
1821 0
IOS开发笔记
http://luoyl.info/blog/2012/03/iphone-ipad-icons/  主要包含字体,邮件,怎么获得系统的版本,应用商店的审核,本地化,怎么存储用户敏感信息
576 0
iOS开发笔记 5、开发工具Xcode,Inteface Builder
开发工具使用Mac的安装盘或从apple站点下载 Xcode 开发代码使用 扩展名的分类 application delegate 需要处理的内容 ƒAt launch time, it must create an application’s windows and display them to the user.
657 0
iOS开发笔记 2、Cocoa简明
历史 NeXSTEP Many years ago Cocoa was known as NeXTSTEP . NeXT Computer developed and released version 1.
909 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
深入剖析 iOS 性能优化
立即下载
聚划算iOS平台动态化方案LuaView
立即下载
React-Native 在iOS上的性能优化方案
立即下载