zoukankan      html  css  js  c++  java
  • iOS开发UI篇—Modal简单介绍

    一、简单介绍
     
    除了push之外,还有另外一种控制器的切换方式,那就是Modal
     
    任何控制器都能通过Modal的形式展⽰出来
     
    Modal的默认效果:新控制器从屏幕的最底部往上钻,直到盖住之前的控制器为⽌
     
    二、代码说明
     
    新建一个项目,在Application的代理中添加window和控制器。
     
    YYAppDelegate.m文件
     
    复制代码
     1 //
     2 //  YYAppDelegate.m
     3 //  01-modal
     4 //
     5 //  Created by apple on 14-6-9.
     6 //  Copyright (c) 2014年 itcase. All rights reserved.
     7 //
     8 
     9 #import "YYAppDelegate.h"
    10 #import "YYViewController.h"
    11 
    12 @implementation YYAppDelegate
    13 
    14 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
    15 {
    16     //1.创建window,并设置window的frame
    17     self.window=[[UIWindow alloc]initWithFrame:[[UIScreen mainScreen] bounds]];
    18     //2.设置window的背景颜色为黑色
    19     self.window.backgroundColor=[UIColor blackColor];
    20 
    21     
    22     //创建一个导航控制器作为子控制器
    23     YYViewController *one=[[YYViewController alloc]init];
    24     self.window.rootViewController=one;
    25     
    26     //3.设置window为主窗口,并显示
    27     [self.window makeKeyAndVisible];
    28     return YES;
    29 }
    30 
    31 
    32 @end
    复制代码
    打开modal窗口
     
    YYViewController.m文件
     
    复制代码
     1 //
     2 //  YYViewController.m
     3 //  01-modal
     4 //
     5 //  Created by apple on 14-6-9.
     6 //  Copyright (c) 2014年 itcase. All rights reserved.
     7 //
     8 
     9 #import "YYViewController.h"
    10 #import "YYtwoViewController.h"
    11 
    12 @interface YYViewController ()
    13 //当点击的时候,跳转到第二个界面
    14 - (IBAction)jump2two:(UIButton *)sender;
    15 
    16 @end
    17 
    18 @implementation YYViewController
    19 
    20 - (void)viewDidLoad
    21 {
    22     [super viewDidLoad];
    23     // Do any additional setup after loading the view from its nib.
    24 }
    25 
    26 
    27 - (IBAction)jump2two:(UIButton *)sender {
    28     //创建一个新的modal并弹出
    29     YYtwoViewController *two=[[YYtwoViewController alloc]init];
    30     //在two上用导航控制器包装,让弹出的模态窗口有一个导航栏可以放返回按钮
    31     UINavigationController *nvc=[[UINavigationController alloc]initWithRootViewController:two
    32                                  ];
    33     [self presentViewController:nvc animated:YES completion:^{
    34         NSLog(@"弹出一个模态窗口");
    35     }];
    36     
    37 }
    38 @end
    复制代码
    移除modal视图
     
    YYtwoViewController.m文件
     
    复制代码
     1 //
     2 //  YYtwoViewController.m
     3 //  01-modal
     4 //
     5 //  Created by apple on 14-6-9.
     6 //  Copyright (c) 2014年 itcase. All rights reserved.
     7 //
     8 
     9 #import "YYtwoViewController.h"
    10 
    11 @interface YYtwoViewController ()
    12 
    13 @end
    14 
    15 @implementation YYtwoViewController
    16 
    17 - (void)viewDidLoad
    18 {
    19     [super viewDidLoad];
    20 
    21     //给导航条添加一个返回按钮
    22     self.navigationItem.leftBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:self action:@selector(change)];
    23 }
    24 
    25 -(void)change
    26 {
    27     //编写点击返回按钮的点击事件
    28     //点击返回按钮,移除当前模态窗口
    29 //    [self.navigationController dismissViewControllerAnimated:YES completion:^{
    30 //        NSLog(@"移除模态窗口");
    31 //    }];
    32     
    33 // 如果一个控制器是以模态的形式展现出来的, 可以调用该控制器以及该控制器的子控制器让让控制器消失
    34     [self dismissViewControllerAnimated:YES completion:^{
    35         NSLog(@"移除");
    36     }];
    37 }
    38 
    39 @end
    复制代码
    三、注意点
     
    (1)modal的特点:当modal窗口弹出(从下往上)的时候,后面的视图不可点 
    (2)弹出控制器的视图(通过这种方式只能弹出一个视图)
    复制代码
       //创建一个新的modal并弹出
        YYtwoViewController *two=[[YYtwoViewController alloc]init];
        //在two上用导航控制器包装,让弹出的模态窗口有一个导航栏可以放返回按钮
        UINavigationController *nvc=[[UINavigationController alloc]initWithRootViewController:two
                                     ];
        [self presentViewController:nvc animated:YES completion:^{
            NSLog(@"弹出一个模态窗口");
        }];
    复制代码
    (3)移除控制器的视图(两种方式都可以)
    复制代码
        //编写点击返回按钮的点击事件
        //点击返回按钮,移除当前模态窗口
    //    [self.navigationController dismissViewControllerAnimated:YES completion:^{
    //        NSLog(@"移除模态窗口");
    //    }];
        
    // 如果一个控制器是以模态的形式展现出来的, 可以调用该控制器以及该控制器的子控制器让让控制器消失
        [self dismissViewControllerAnimated:YES completion:^{
            NSLog(@"移除");
        }];
    复制代码
    (4)提示在实际的开发中,如果控制器之间的关系紧密一般用导航控制器,如果控制器之间的关系不是很紧密就用modal
     
    四、内部机制
    (1)弹出之后,window上面只有一个子视图。
    (2)虽然当前界面上展示在我们眼前的时twoview,但是window的根控制器仍然是NJviewController,它并没有切换window的根控制器,而仅仅只是换了window上面显示的视图。
    (3)移除的视图并没有销毁,因为控制器并没有销毁,所以控制器对应的view也没有销毁。
    (4)在模态弹出(完全显示后),在方法中传入two作为参数,默认就有一个控制器强引用着它。
    (5)当向下移除之后,只要调用了控制器的dismiss方法让窗口关闭,modal就释放了。
    (6)通常弹出的模态窗口都会提供一个导航条,让界面拥有导航条的最快的方式是给它包装一个导航控制器。
    (7)如果一个控制器是以模态的形式展现出来的。可以调用该控制器以及该控制器的子控制器,让该控制器消失。
  • 相关阅读:
    springboot中MongoDB的使用
    SpringBoot中发送邮件服务
    springboot中使用RabbitMq
    PostgreSQL学习之【用户权限管理】说明
    Leet Code 19.删除链表的倒数第N个节点
    Kafka集群搭建
    Leet Code 18.四数之和
    Hadoop集群运行情况
    完全分布式Hadoop集群搭建
    Leet Code 17.电话号码的字母组合
  • 原文地址:https://www.cnblogs.com/iosblogx/p/4474260.html
Copyright © 2011-2022 走看看