美文网首页
UI进阶8 Segue Modal UITabBarContro

UI进阶8 Segue Modal UITabBarContro

作者: SoManyDumb | 来源:发表于2016-08-13 17:58 被阅读66次

    什么是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,自动完成界面跳转
      • 手动型:需要通过写代码手动执行Segue,才能完成界面跳转

    自动型Segue

    • 按住Control键,直接从控件拖线到目标控制器
    • 如果点击某个控件后,不需要做任何判断,一定要跳转到下一个界面,建议使用“自动型Segue”

    手动型Segue

    • 按住Control键,从来源控制器拖线到目标控制器
    • 手动型的Segue需要设置一个标识
    • 在恰当的时刻,使用perform方法执行对应的Segue
    [self performSegueWithIdentifier:@"login2contacts" sender:nil];
    // Segue必须由来源控制器来执行,也就是说,这个perform方法必须由来源控制器来调用
    
    • 如果点击某个控件后,需要做一些判断,也就是说:满足一定条件后才跳转到下一个界面,建议使用“手动型Segue”

    performSegueWithIdentifier:sender:

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

    • 接下来研究performSegueWithIdentifier:sender:方法的完整执行过程

    [self performSegueWithIdentifier:@“login2contacts” sender:nil];
    // 这个self是来源控制器
    
    • 根据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展示出来

    Sender参数的传递

    [self performSegueWithIdentifier:@“login2contacts” sender:@“jack”];
    - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender;
    
    
    

    控制器的数据传递

    • 控制器之间的数据传递主要有2种情况:顺传和逆传

      • 顺传
    • 控制器的跳转方向: A C

    • 数据的传递方向 : A C

    • 数据的传递方式 : 在A的prepareForSegue:sender:方法中根据segue参数取得destinationViewController, 也就是控制器C, 直接给控制器C传递数据
      (要在C的viewDidLoad方法中取得数据,来赋值给界面上的UI控件)

      • 逆传
    • 控制器的跳转方向: A C

    • 数据的传递方向 : C A

    • 数据的传递方式 : 让A成为C的代理, - - -

    • 在C中调用A的代理方法,通过代理方法的参数传递数据给A

    UITabBarController

    • 跟UINavigationController类似,UITabBarController也可以轻松地管理多个控制器,轻松完成控制器之间的切换,典型例子就是QQ、微信等应用

    UITabBarController的简单使用

    • UITabBarController的使用步骤
      • 初始化UITabBarController
      • 设置UIWindow的rootViewController为UITabBarController
      • 根据具体情况,通过addChildViewController方法添加对应个数的子控制器

    UITabBarController的子控制器

    • UITabBarController添加控制器的方式有2种
    添加单个子控制器
    - (void)addChildViewController:(UIViewController *)childController;
    
    设置子控制器数组
    @property(nonatomic,copy) NSArray *viewControllers;
    

    UITabBar

    • 如果UITabBarController有N个子控制器,那么UITabBar内部就会有N个UITabBarButton作为子控件

    • 如果UITabBarController有4个子控制器,那么UITabBar的结构大致如微信下边一条

    UITabBarButton

    • UITabBarButton里面显示什么内容,由对应子控制器的tabBarItem属性决定
    • UITabBarItem有以下属性影响着UITabBarButton的内容
    标题文字
    @property(nonatomic,copy) NSString *title;
    
    图标
    @property(nonatomic,retain) UIImage *image;
    
    选中时的图标
    @property(nonatomic,retain) UIImage *selectedImage;
    
    提醒数字
    @property(nonatomic,copy) NSString *badgeValue;
    

    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;
    

    相关文章

      网友评论

          本文标题:UI进阶8 Segue Modal UITabBarContro

          本文链接:https://www.haomeiwen.com/subject/jzxysttx.html