UINavigationController

UINavigationController

  • 利用UINavigationController,可以轻松地管理多个控制器,轻松完成控制器之间的切换,典型例子就是系统自带的“设置”应用

UINavigationController的使用步骤

  • 初始化UINavigationController
  • 设置UIWindow的rootViewController为UINavigationController
  • 根据具体情况,通过push方法添加对应个数的子控制器
  • UINavigationController以栈的形式保存子控制器
  • 使用push方法能将某个控制器压入栈
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated;

//使用pop方法可以移除控制器
//将栈顶的控制器移除
- (UIViewController *)popViewControllerAnimated:(BOOL)animated;
//回到指定的子控制器
- (NSArray *)popToViewController:(UIViewController *)viewController animated:(BOOL)animated;
//回到根控制器(栈底控制器)
- (NSArray *)popToRootViewControllerAnimated:(BOOL)animated;

如何修改导航栏的内容

  • 导航栏的内容由栈顶控制器的navigationItem属性决定
  • UINavigationItem有以下属性影响着导航栏的内容
//左上角的返回按钮
@property(nonatomic,retain) UIBarButtonItem *backBarButtonItem;
//中间的标题视图
@property(nonatomic,retain) UIView          *titleView;
//中间的标题文字
@property(nonatomic,copy)   NSString        *title;
//左上角的视图
@property(nonatomic,retain) UIBarButtonItem *leftBarButtonItem;
UIBarButtonItem *rightBarButtonItem
//右上角的视图
@property(nonatomic,retain) UIBarButtonItem *rightBarButtonItem;

清空导航条背景图片

    // 清空导航条背景图片,系统判断当前是否为Nil,如果为nil,系统还是会自动生成一张背景图片
    [self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault];
    [self.navigationController.navigationBar setShadowImage:[[UIImage alloc] init]];

iOS7之后的导航栏

  • iOS7之后导航条上德图片默认会渲染成蓝色
  • 代码改变图片原始颜色
    • 获得导航栏上图片 self.navicationItem.rightBarButtonItem.image; image];
    • 设置不被渲染 [image imageWithRenderingMode: UIImageRenderingModeAlwaysOriginal]
  • 点击images文件夹中图片,右边设置
  • iOS7之后,导航控制器下得所有UIScrollView默认顶部都会添加额外的滚动区域(64) self.automaticallyAdjustsScrollViewInsets = NO;

segue

  • Storyboard上每一根用来界面跳转的线,都是一个UIStoryboardSegue对象(简称Segue)

Segue的属性

//每一个Segue对象,都有3个属性
//唯一标识
@property (nonatomic, readonly) NSString *identifier;
//来源控制器
@property (nonatomic, readonly) id sourceViewController;
//目标控制器
@property (nonatomic, readonly) id destinationViewController;

Segue的类型

  • 根据Segue的执行(跳转)时刻,Segue可以分为2大类型
  • 自动型:点击某个控件后(比如按钮),自动执行Segue,自动完成界面跳转
    • 按住Control键,直接从控件拖线到目标控制器
    • 如果点击某个控件后,不需要做任何判断,一定要跳转到下一个界面,建议使用“自动型Segue”
  • 手动型:需要通过写代码手动执行Segue,才能完成界面跳转
    • 按住Control键,从来源控制器拖线到目标控制器
    • 手动型的Segue需要设置一个标识
    • 在恰当的时刻,使用perform方法执行对应的Segue [self performSegueWithIdentifier:@"login2contacts" sender:nil]; Segue必须由来源控制器来执行,也就是说,这个perform方法必须由来源控制器来调用
    • 如果点击某个控件后,需要做一些判断,也就是说:满足一定条件后才跳转到下一个界面,建议使用“手动型Segue”

利用performSegueWithIdentifier:方法可以执行某个Segue,完成界面跳转

  • performSegueWithIdentifier:sender:方法的完整执行过程
    • [self performSegueWithIdentifier:@“this2next” sender:nil];
    • 根据identifier去storyboard中找到对应的线,新建UIStoryboardSegue对象
    • 设置Segue对象的sourceViewController(来源控制器)
    • 新建并且设置Segue对象的destinationViewController(目标控制器)

页面跳转前的操作

  • 调用sourceViewController的下面方法,做一些跳转前的准备工作并且传入创建好的Segue对象
  • 作用:可以进行页面传值
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender;
// 这个sender是当初performSegueWithIdentifier:sender:中传入的sender
  • 调用Segue对象的- (void)perform;方法开始执行界面跳转操作
  • 如果segue的style是push
    • 取得sourceViewController所在的UINavigationController
    • 调用UINavigationController的push方法将destinationViewController压入栈中,完成跳转
  • 如果segue的style是modal
    • 调用sourceViewController的presentViewController方法将destinationViewController展示出来

Modal

  • 除了push之外,还有另外一种控制器的切换方式,那就是Modal
  • 任何控制器都能通过Modal的形式展示出来
  • Modal的默认效果:新控制器从屏幕的最底部往上钻,直到盖住之前的控制器为止
//以Modal的形式展示控制器
- (void)presentViewController:(UIViewController *)viewControllerToPresent animated: (BOOL)flag completion:(void (^)(void))completion

关闭当初Modal出来的控制器
- (void)dismissViewControllerAnimated: (BOOL)flag completion: (void (^)(void))completion;

Modal原理

    //如果一个控制器的View显示在界面上,一定要把这个控制器强引用
    //1. 首先创建一个当前控制器将要跳转到的控制器
    YLViewController *VC = [[YLViewController alloc] init];

    //2.把Modal的控制器的View添加到窗口上,把之前的窗口上的View移除
    UIWindow *keyWindow = [UIApplication sharedApplication].keyWindow;
    [keyWindow addSubview:VC];

    //3.改形变属性,控制一个控件的位置(translation),尺寸(scale),角度(rotation)
VC.view.transform = CGAffineTransformMakeTranslation(0,self.view.bounds.size.height);

    //4.动画向上推出
[UIView animateWithDuration:0.5 animations:^{
    //CGAffineTransformIdentity:形变全部清空
    VC.view.transform = CGAffineTransformIdentity;
}completion:^(BOOL finished){
    [self.view removeFromSuperview];
}];

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏React Native开发圈

React Native面试知识点

本文会不定期不断更新,想查看最新版本请移步至https://github.com/forrest23/react-native-interview

1901
来自专栏程序员的诗和远方

TypeScript 中使用 CSS Modules

CSS 的全局性 相当长一段时间 CSS 总是在页面上作为一个全局的存在,以前这个『特性』影响还不算很大,命名上注意一点,比如使用 BEM 也能一定程度上解决问...

4857
来自专栏君赏技术博客

UIBarButtonItem我用了这些姿势才能和你交互

因为系统是没有方式可以获取到 Done 按钮的,我们运用运行时倒是可以获取到这个按钮。

2035
来自专栏DannyHoo的专栏

底牌项目中的选择牌谱上传功能--深刻理解UITableView复用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

811
来自专栏xx_Cc的学习总结专栏

六天完成一个简单iOS App - 第三天

30411
来自专栏Scott_Mr 个人专栏

自定义转场详解(一)

3486
来自专栏非典型技术宅

ViewController及View的生命周期1. 起因2. Controller的生命周期3. View的生命周期4. 内存警告

1463
来自专栏张戈的专栏

根据IE版本加载不同CSS样式的方法小结,解决低版本IE兼容问题

自从中国联盟成员导航采用响应式布局之后,不少朋友反馈该页面在 IE8、IE7 浏览器会错排,经测试发现确实存在这个问题,但我一直也没去深究解决。这几天博客折腾得...

4308
来自专栏西枫里博客

Bootstrap弹出框中插入图片

一时心血来潮,给博客增加一个打赏功能,看了下大家的打赏按钮,主要分两种,一种是两端是赞和分享中间是打赏的按钮形式,另外一种是孤单的一个打赏按钮。原本想用第一种的...

1471
来自专栏向治洪

React Native自定义导航条

Navigator和NavigatorIOS 在开发中,需要实现多个界面的切换,这时候就需要一个导航控制器来进行各种效果的切换。在React Native中RN...

1958

扫码关注云+社区