iOS开发UINavigation系列二——UINavigationItem

简介:

iOS开发UINavigation系列二——UINavigationItem

一、引言

        UINavigationItem是导航栏上用于管理导航项的类,在上一篇博客中,我们知道导航栏是通过push与pop的堆栈操作来对item进行管理的,同样,每一个Item自身也有许多属性可供我们进行自定制。这篇博客,主要讨论UINavigationItem的使用方法。

UINavigationBar:http://my.oschina.net/u/2340880/blog/527706

二、来说说UINavigationItem

        Item,从英文上来理解,它可以解释为一个项目,因此,item不是一个简单的label标题,也不是一个简单的button按钮,它是导航栏中管理的一个项目的抽象。说起来有些难于理解,通过代码,我们就能很好的理解Item的意义。

首先,我们创建一个item,用UINavigationBar导航栏push出来:

?
1
2
3
  UINavigationItem * item = [[UINavigationItem alloc]initWithTitle:@ "title" ];
  UINavigationBar * bar = [[UINavigationBar alloc]initWithFrame:CGRectMake(0, 0, 320, 64)];
  [bar pushNavigationItem:item animated:YES];

我们可以看到,在导航栏上的中间,有title这样一个item:

204226_K0S9_2340880.png

除了创建一个标题item,我们也可以创建一个View类型的item:

?
1
2
3
         UIView * view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 30, 30)];
         view.backgroundColor = [UIColor brownColor];
         item.titleView = view;

效果如下:

204519_XTxZ_2340880.png

通过下面的属性,可以给这个Item添加一个说明文字,这段文字会显示在item的上方:

?
1
item.prompt= @ "我是navigationItem的说明文字" ;

204820_TpPd_2340880.png

上面我们看到的这些,实际上只是一个item的一部分,item还有许多其他的附件,如果我们使导航栏再push出一个item,这时导航栏的左边会出现一个返回按钮,这个返回按钮实际上是数据第一个item的,我们做如下的设置:

?
1
2
3
4
5
         UINavigationItem * item = [[UINavigationItem alloc]initWithTitle:@ "title" ];
         UINavigationItem * item2 = [[UINavigationItem alloc]initWithTitle:@ "title2" ];
         item.backBarButtonItem = [[UIBarButtonItem alloc]initWithTitle:@ "title1"  style:nil target:nil action:nil];
         [bar pushNavigationItem:item animated:YES];
         [bar pushNavigationItem:item2 animated:YES];

205424_aU5v_2340880.png

可以看出,虽然当前push出来的item是item2,但是左边的返回按钮是属于item的。这里有一点需要注意,虽然backBarButtonItem的标题我们可以自定义,但是方法和其他属性我们都不能定制,是系统实现好的。

当然,我们也可以设置在push出来新的item的时候,隐藏前面的返回按钮,使用如下属性:

?
1
2
@property(nonatomic,assign)  BOOL  hidesBackButton;
- ( void )setHidesBackButton:( BOOL )hidesBackButton animated:( BOOL )animated;

默认为NO,设置为YES将会隐藏返回按钮。

三、关于UIBarButtonItem

        一个UINavigationItem中,还可以包含许多BarButtonItem,BarButtonItem是一系列的按钮,会出现在导航栏的左侧或者右侧。例如:

?
1
2
         UIBarButtonItem * button = [[UIBarButtonItem alloc]initWithTitle:@ "按钮"  style:UIBarButtonItemStyleDone target:self action:@selector(click)];
         item.leftBarButtonItem = button;

210349_Qwcf_2340880.png

这个barButtonItem是一个按钮,可以触发一个方法,这有时候对我们来说十分有用。但是有一个你一定发现了,如果继续push出来Item,原来的返回按钮不见了,是否隐藏返回按钮,由下面这个属性控制:

?
1
item.leftItemsSupplementBackButton=YES;

210752_ioge_2340880.png

我们也可以通过下面的方法设置右边的按钮,或者直接设置一组按钮:

?
1
2
3
4
5
6
7
8
9
@property(nullable, nonatomic,strong) UIBarButtonItem *leftBarButtonItem;
@property(nullable, nonatomic,strong) UIBarButtonItem *rightBarButtonItem;
- ( void )setLeftBarButtonItem:(nullable UIBarButtonItem *)item animated:( BOOL )animated;
- ( void )setRightBarButtonItem:(nullable UIBarButtonItem *)item animated:( BOOL )animated;
 
@property(nullable,nonatomic,copy) NSArray<UIBarButtonItem *> *leftBarButtonItems;
@property(nullable,nonatomic,copy) NSArray<UIBarButtonItem *> *rightBarButtonItems;
- ( void )setLeftBarButtonItems:(nullable NSArray<UIBarButtonItem *> *)items animated:( BOOL )animated;
- ( void )setRightBarButtonItems:(nullable NSArray<UIBarButtonItem *> *)items animated:( BOOL )animated;

四、再看UIBarButtonItem

        上面我们了解到了,一个NavigationItem基本上是有三大部分组成的,当前显示的部分,返回按钮部分,和ButtonItem部分,同样对于创建和设置UIBarButoonItem,也有很多方法供我们使用。

        首先是创建与初始化的方法:

?
1
- (instancetype)initWithTitle:(nullable NSString *)title style:(UIBarButtonItemStyle)style target:(nullable id)target action:(nullable SEL)action;

这个方法通过一个标题创建ButtonItem,其中style参数可以设置一个风格,枚举如下:

?
1
2
3
4
typedef  NS_ENUM(NSInteger, UIBarButtonItemStyle) {
     UIBarButtonItemStylePlain,
     UIBarButtonItemStyleDone,
};

这两种风格差别并不大,如下是效果,Done风格的字体加粗一些:

211623_hTPZ_2340880.png

我们因为可以通过一个图片来创建BarButtonItem:

?
1
2
- (instancetype)initWithImage:(nullable UIImage *)image style:(UIBarButtonItemStyle)style target:(nullable id)target action:(nullable SEL)action;
- (instancetype)initWithImage:(nullable UIImage *)image landscapeImagePhone:(nullable UIImage *)landscapeImagePhone style:(UIBarButtonItemStyle)style target:(nullable id)target action:(nullable SEL)action;

上面这两个方法中,第一个方法与使用文字创建的方法类似,第二个方法多了一个landscapeImagePhone的参数,这个参数可以设置设备横屏时的图片。

我们也可以使用自定义的View来创建BarButtonItem:

?
1
- (instancetype)initWithCustomView:(UIView *)customView;

除了上面一些自定义的创建方法外,对于BarButtonItem这个对象,系统也封装好了许多原生的可以供我们使用,创建的时候使用如下方法:

?
1
UIBarButtonItem * button = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemCamera target:self action:nil];

212911_VHfF_2340880.png

上面的SystemItem是系统为我们做好的许多buttonItem的类型,枚举如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
typedef  NS_ENUM(NSInteger, UIBarButtonSystemItem) {
     UIBarButtonSystemItemDone, //显示完成
     UIBarButtonSystemItemCancel, //显示取消
     UIBarButtonSystemItemEdit,   //显示编辑
     UIBarButtonSystemItemSave,  //显示保存 
     UIBarButtonSystemItemAdd, //显示加号
     UIBarButtonSystemItemFlexibleSpace, //什么都不显示,占位一个空间位置
     UIBarButtonSystemItemFixedSpace, //和上一个类似
     UIBarButtonSystemItemCompose, //显示写入按钮
     UIBarButtonSystemItemReply, //显示循环按钮
     UIBarButtonSystemItemAction, //显示活动按钮
     UIBarButtonSystemItemOrganize, //显示组合按钮
     UIBarButtonSystemItemBookmarks, //显示图书按钮
     UIBarButtonSystemItemSearch, //显示查找按钮
     UIBarButtonSystemItemRefresh, //显示刷新按钮
     UIBarButtonSystemItemStop, //显示停止按钮
     UIBarButtonSystemItemCamera, //显示相机按钮
     UIBarButtonSystemItemTrash, //显示移除按钮
     UIBarButtonSystemItemPlay, //显示播放按钮
     UIBarButtonSystemItemPause, //显示暂停按钮
     UIBarButtonSystemItemRewind, //显示退后按钮
     UIBarButtonSystemItemFastForward, //显示前进按钮
     UIBarButtonSystemItemUndo, //显示消除按钮
     UIBarButtonSystemItemRedo , //显示重做按钮
     UIBarButtonSystemItemPageCurl , //在tool上有效
};


目录
相关文章
|
3天前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
114 3
|
3天前
|
API 开发工具 Android开发
iOS 和 Android 平台的开发有哪些主要区别?
iOS与Android开发区别:iOS用Objective-C/Swift,App Store唯一下载渠道;Android用Java/Kotlin,多商店发布(如Google Play、华为市场)。设计上,iOS简洁一致,Android灵活可定制。开发工具,iOS用Xcode,Android用Android Studio。硬件和系统多样性,iOS统一,Android复杂。权限管理、审核流程及API各有特点,开发者需依据目标平台特性进行选择。
39 3
|
3天前
|
前端开发 Android开发 iOS开发
【Flutter前端技术开发专栏】Flutter在Android与iOS上的性能对比
【4月更文挑战第30天】Flutter 框架实现跨平台移动应用,通过一致的 UI 渲染(Skia 引擎)、热重载功能和响应式框架提高开发效率和用户体验。然而,Android 和 iOS 的系统差异、渲染机制及编译过程影响性能。性能对比显示,iOS 可能因硬件优化提供更流畅体验,而 Android 更具灵活性和广泛硬件支持。开发者可采用代码、资源优化和特定平台优化策略,利用性能分析工具提升应用性能。
【Flutter前端技术开发专栏】Flutter在Android与iOS上的性能对比
|
3天前
|
存储 Swift iOS开发
使用Swift开发一个简单的iOS应用的详细步骤。
使用Swift开发iOS应用的步骤包括:创建Xcode项目,设计界面(Storyboard或代码),定义数据模型,实现业务逻辑,连接界面和逻辑,处理数据存储(如Core Data),添加网络请求(必要时),调试与测试,根据测试结果优化改进,最后提交至App Store或其它平台发布。
39 0
|
3天前
|
安全 Swift iOS开发
【Swift 开发专栏】Swift 与 UIKit:构建 iOS 应用界面
【4月更文挑战第30天】本文探讨了Swift和UIKit在构建iOS应用界面的关键技术和实践方法。Swift的简洁语法、类型安全和高效编程模型,加上与UIKit的紧密集成,使开发者能便捷地创建用户界面。UIKit提供视图、控制器、布局、动画和事件处理等功能,支持灵活的界面设计。实践中,遵循设计原则,合理组织视图层次,运用布局和动画,以及实现响应式设计,能提升界面质量和用户体验。文章通过登录、列表和详情界面的实际案例展示了Swift与UIKit的结合应用。
|
3天前
|
存储 安全 Swift
【Swift 开发专栏】使用 Swift 开发一个简单的 iOS 应用
【4月更文挑战第30天】本文介绍了使用 Swift 开发简单 iOS 待办事项应用的步骤。首先,阐述了 iOS 开发的吸引力及 Swift 语言的优势。接着,详细说明了应用的需求和设计,包括添加、查看和删除待办事项的功能。开发步骤包括创建项目、界面搭建、数据存储、功能实现,并提供了相关代码示例。最后,强调了实际开发中需注意的细节和优化,旨在帮助初学者掌握 Swift 和 iOS 开发基础。
|
3天前
|
iOS开发 开发者 UED
利用SwiftUI构建动态列表:iOS开发的新范式
【4月更文挑战第22天】在本文中,我们将深入探讨如何使用SwiftUI来创建动态列表。SwiftUI是苹果最新推出的用户界面工具集,它允许开发者以声明式的方式描述用户界面,从而简化了代码的复杂性。我们将通过具体的代码实例,展示如何利用SwiftUI的List和ForEach视图来创建动态列表,并讨论其在实际开发中的应用。
21 2
|
3天前
|
API 定位技术 iOS开发
IOS开发基础知识:什么是 Cocoa Touch?它在 iOS 开发中的作用是什么?
【4月更文挑战第18天】**Cocoa Touch** 是iOS和Mac OS X应用的核心框架,包含面向对象库、运行时系统和触摸优化工具。它提供Mac验证的开发模式,强调触控接口和性能,涵盖3D图形、音频、网络及设备访问API,如相机和GPS。是构建高效iOS应用的基础,对开发者至关重要。
23 0
|
3天前
|
搜索推荐 iOS开发 开发者
利用SwiftUI构建动态用户界面:iOS开发新篇章
【4月更文挑战第10天】在移动应用的世界中,流畅的用户体验和引人注目的界面设计是至关重要的。随着SwiftUI的推出,iOS开发者被赋予了创造高度动态且响应式界面的能力。本文将深入探讨如何利用SwiftUI的强大特性来实现一个动态用户界面,包括其声明性语法、状态绑定以及视图更新机制。我们将通过一个天气应用案例,了解如何有效地运用这些工具来提升应用的交互性和视觉吸引力。
|
3天前
|
开发工具 Swift iOS开发
利用SwiftUI构建动态用户界面:iOS开发新范式
【4月更文挑战第3天】 随着苹果不断推进其软件开发工具的边界,SwiftUI作为一种新兴的编程框架,已经逐渐成为iOS开发者的新宠。不同于传统的UIKit,SwiftUI通过声明式语法和强大的功能组合,为创建动态且响应式的用户界面提供了一种更加简洁高效的方式。本文将深入探讨如何利用SwiftUI技术构建具有高度自定义能力和响应性的用户界面,并展示其在现代iOS应用开发中的优势和潜力。