UINavigationController详解


1.基本概念

UINavigationController ( 导航控制器 )

是UIViewController的子类  所以它可以直接赋值给window的rootViewController

但它同时也是其它ViewController的容器。

// 父类 UIView

@property(nonatomic,readonly) UINavigationBar *navigationBar;

//父类 NSObject

@property(nonatomic,readonly,strong) UINavigationItem *navigationItem;

navigationBar 和 navigationItem 是导航控制器最重要的两个属性

navigationItem 为UIViewController 的属性

navigationBar的内容 一般根据栈顶控制器(当前展示控制器)的navigationItem的设置来显示

UINavigationItem 有以下属性影响着导航栏的内容

//左上角的返回按钮

@property(nonatomic,retain) UIBarButtonItem *backBarButtonItem;

//中间的标题视图

@property(nonatomic,retain) UIView          *titleView;

//中间的标题文字

@property(nonatomic,copy)  NSString        *title;

//左上角的视图

@property(nonatomic,retain) UIBarButtonItem *leftBarButtonItem;

//右上角的视图

@property(nonatomic,retain) UIBarButtonItem *rightBarButtonItem;

2.系统导航栏自定义

UINavigationBar

//字体以及图标颜色

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

//背景颜色 默认nil

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

//透明度

UINavigationBar 的父类 是uiview 直接设置view 的属性alpha即可

self.navigationController.navigationBar.alpha = 0.5;

//背景图片

(void)setBackgroundImage:(UIImage *)backgroundImage forBarPosition:(UIBarPosition)barPosition barMetrics:(UIBarMetrics)barMetrics;

(void)setBackgroundImage:(UIImage *)backgroundImage forBarMetrics:(UIBarMetrics)barMetrics;

//标题位置

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

//修改系统导航栏高度


-(void)viewWillAppear:(BOOL)animated{

    [super viewWillAppear:animated];

    CGRect rect = self.navigationController.navigationBar.frame;

    rect.size.height = 300;

    bar.frame = rect;

}

导航栏中间部位 titleView 属性为UIView 所以可以自定义成任何视图

导航栏左右视图部分  leftBarButtonItem rightBarButtonItem 中  UIBarButtonItem 默认为系统定义的样式

可以通过以下初始化方式 来定义图片或者标题

- (instancetype)initWithImage:(UIImage *)image style:(UIBarButtonItemStyle)style target:(id)target action:(SEL)action;

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

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

也可以通过 - (instancetype)initWithCustomView:(UIView *)customView;方法 进行完全自定义

3.导航控制器对控制器的管理和切换

UINavigationController以栈的形式保存子控制器

@property(nonatomic,copy) NSArray *viewControllers;

使用push方法能将某个控制器压入栈

- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated;

使用pop方法可以移除控制器

将栈顶的控制器移除

- (UIViewController *)popViewControllerAnimated:(BOOL)animated;

回到指定的子控制器

- (NSArray *)popToViewController:(UIViewController *)viewController animated:(BOOL)animated;

回到根控制器(栈底控制器)

(NSArray *)popToRootViewControllerAnimated:(BOOL)animated;

可右划返回属性

interactivePopGestureRecognizer.enabled = YES ;

4.自定义导航栏

由于系统导航栏的很多属性都是只读的, 所以在很多常用APP 他们都选择了 自定义导航栏

第一步 需要隐藏当前系统导航栏

self.navigationController.navigationBar.hidden = YES;

第二步 新建navgationBar

由于想要最大限度去实现各种可能性 所以放弃了写UINavigationBar 分类的想法 而选择了继承于UIView 手写出各个控件

下面利用Reveal 工具看一下系统导航栏的结构

UINavgationBar 分四个组件

1)  为了设置本身背景颜色和背景图片而存在的 _UINavigationBarBackground

_UINavigationBarBackground 其内两个组件 UIView  和 UIImageView

2) UINavgationItemView 也就是平时引用到的titleView  默认情况下里面只包含一个UILabel 当 UIViewController 调用 self.title = @“test”;时,此 UILabel.text = @“test”;

3)图中左侧Cancel 按钮    通过以下代码    self.navigationItem.leftBarButtonItem =  [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemCancel target:self action:nil];  设置

其中包含一个UILabel

4) 图中右侧 Camera 通过以下代码

self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemCamera target:self action:nil];设置

其中包含一个UIImageView

3)和4)同样都是 UIBarButtonItem  只不过设置了不同的内容

UIButton 组件包含一个 UIImage 和  UILabel

所以 3)和 4)准备用UIButton

至此  所需要添加的属性 全部明朗

结构已经分析清楚  继承于UIView 后的 CustomNavgationBar 等着各位大展身手了~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,186评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,858评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,620评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,888评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,009评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,149评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,204评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,956评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,385评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,698评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,863评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,544评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,185评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,899评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,141评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,684评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,750评论 2 351

推荐阅读更多精彩内容