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];
}];