最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

iOS的UI開發(fā)中Modal的使用與主流應(yīng)用UI結(jié)構(gòu)介紹

 更新時間:2015年12月18日 09:34:13   作者:文頂頂  
這篇文章主要介紹了iOS的UI開發(fā)中Modal的使用與主流應(yīng)用UI結(jié)構(gòu),代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下

Modal簡單介紹
一、簡單介紹

除了push之外,還有另外一種控制器的切換方式,那就是Modal

任何控制器都能通過Modal的形式展⽰出來

Modal的默認(rèn)效果:新控制器從屏幕的最底部往上鉆,直到蓋住之前的控制器為⽌

二、代碼說明

新建一個項目,在Application的代理中添加window和控制器。

YYAppDelegate.m文件

復(fù)制代碼 代碼如下:

//
//  YYAppDelegate.m
//  01-modal
//
//  Created by apple on 14-6-9.
//  Copyright (c) 2014年 itcase. All rights reserved.
//

#import "YYAppDelegate.h"
#import "YYViewController.h"

@implementation YYAppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    //1.創(chuàng)建window,并設(shè)置window的frame
    self.window=[[UIWindow alloc]initWithFrame:[[UIScreen mainScreen] bounds]];
    //2.設(shè)置window的背景顏色為黑色
    self.window.backgroundColor=[UIColor blackColor];

   
    //創(chuàng)建一個導(dǎo)航控制器作為子控制器
    YYViewController *one=[[YYViewController alloc]init];
    self.window.rootViewController=one;
   
    //3.設(shè)置window為主窗口,并顯示
    [self.window makeKeyAndVisible];
    return YES;
}


@end


打開modal窗口

YYViewController.m文件

復(fù)制代碼 代碼如下:

//
//  YYViewController.m
//  01-modal
//
//  Created by apple on 14-6-9.
//  Copyright (c) 2014年 itcase. All rights reserved.
//

#import "YYViewController.h"
#import "YYtwoViewController.h"

@interface YYViewController ()
//當(dāng)點擊的時候,跳轉(zhuǎn)到第二個界面
- (IBAction)jump2two:(UIButton *)sender;

@end


復(fù)制代碼 代碼如下:

@implementation YYViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.
}


- (IBAction)jump2two:(UIButton *)sender {
    //創(chuàng)建一個新的modal并彈出
    YYtwoViewController *two=[[YYtwoViewController alloc]init];
    //在two上用導(dǎo)航控制器包裝,讓彈出的模態(tài)窗口有一個導(dǎo)航欄可以放返回按鈕
    UINavigationController *nvc=[[UINavigationController alloc]initWithRootViewController:two
                                 ];
    [self presentViewController:nvc animated:YES completion:^{
        NSLog(@"彈出一個模態(tài)窗口");
    }];
   
}
@end


移除modal視圖

YYtwoViewController.m文件

復(fù)制代碼 代碼如下:

//
//  YYtwoViewController.m
//  01-modal
//
//  Created by apple on 14-6-9.
//  Copyright (c) 2014年 itcase. All rights reserved.
//

#import "YYtwoViewController.h"

@interface YYtwoViewController ()

@end


復(fù)制代碼 代碼如下:

@implementation YYtwoViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    //給導(dǎo)航條添加一個返回按鈕
    self.navigationItem.leftBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:self action:@selector(change)];
}

-(void)change
{
    //編寫點擊返回按鈕的點擊事件
    //點擊返回按鈕,移除當(dāng)前模態(tài)窗口
//    [self.navigationController dismissViewControllerAnimated:YES completion:^{
//        NSLog(@"移除模態(tài)窗口");
//    }];
   
// 如果一個控制器是以模態(tài)的形式展現(xiàn)出來的, 可以調(diào)用該控制器以及該控制器的子控制器讓讓控制器消失
    [self dismissViewControllerAnimated:YES completion:^{
        NSLog(@"移除");
    }];
}

@end


三、注意點

(1)modal的特點:當(dāng)modal窗口彈出(從下往上)的時候,后面的視圖不可點
(2)彈出控制器的視圖(通過這種方式只能彈出一個視圖)

復(fù)制代碼 代碼如下:

//創(chuàng)建一個新的modal并彈出
    YYtwoViewController *two=[[YYtwoViewController alloc]init];
    //在two上用導(dǎo)航控制器包裝,讓彈出的模態(tài)窗口有一個導(dǎo)航欄可以放返回按鈕
    UINavigationController *nvc=[[UINavigationController alloc]initWithRootViewController:two
                                 ];
    [self presentViewController:nvc animated:YES completion:^{
        NSLog(@"彈出一個模態(tài)窗口");
    }];

(3)移除控制器的視圖(兩種方式都可以)
復(fù)制代碼 代碼如下:

//編寫點擊返回按鈕的點擊事件
    //點擊返回按鈕,移除當(dāng)前模態(tài)窗口
//    [self.navigationController dismissViewControllerAnimated:YES completion:^{
//        NSLog(@"移除模態(tài)窗口");
//    }];
   
// 如果一個控制器是以模態(tài)的形式展現(xiàn)出來的, 可以調(diào)用該控制器以及該控制器的子控制器讓讓控制器消失
    [self dismissViewControllerAnimated:YES completion:^{
        NSLog(@"移除");
    }];

4)提示在實際的開發(fā)中,如果控制器之間的關(guān)系緊密一般用導(dǎo)航控制器,如果控制器之間的關(guān)系不是很緊密就用modal
 
四、內(nèi)部機(jī)制
(1)彈出之后,window上面只有一個子視圖。
(2)雖然當(dāng)前界面上展示在我們眼前的時twoview,但是window的根控制器仍然是NJviewController,它并沒有切換window的根控制器,而僅僅只是換了window上面顯示的視圖。
(3)移除的視圖并沒有銷毀,因為控制器并沒有銷毀,所以控制器對應(yīng)的view也沒有銷毀。
(4)在模態(tài)彈出(完全顯示后),在方法中傳入two作為參數(shù),默認(rèn)就有一個控制器強(qiáng)引用著它。
(5)當(dāng)向下移除之后,只要調(diào)用了控制器的dismiss方法讓窗口關(guān)閉,modal就釋放了。
(6)通常彈出的模態(tài)窗口都會提供一個導(dǎo)航條,讓界面擁有導(dǎo)航條的最快的方式是給它包裝一個導(dǎo)航控制器。
(7)如果一個控制器是以模態(tài)的形式展現(xiàn)出來的??梢哉{(diào)用該控制器以及該控制器的子控制器,讓該控制器消失。
 
五、數(shù)據(jù)的傳遞

項目文件結(jié)構(gòu)和storyboard

2015121892420525.png (1362×428)

代碼示例:

YYViewController.m文件

復(fù)制代碼 代碼如下:

//
//  YYViewController.m
//  02-模態(tài)窗口的數(shù)據(jù)傳遞
//
//  Created by apple on 14-6-9.
//  Copyright (c) 2014年 itcase. All rights reserved.
//

#import "YYViewController.h"
#import "YYtwoViewController.h"

@interface YYViewController ()

@end


復(fù)制代碼 代碼如下:

@implementation YYViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
}


/*
 如果控制器之間的關(guān)系比較緊密一般用 UINavigationController
 如果控制器之間的關(guān)系不是很緊密可以用Modal
 */

//通過segue跳轉(zhuǎn)前,會調(diào)用這個方法,在這個方法中把數(shù)據(jù)傳遞給彈出來的模態(tài)窗口
-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
    //拿到目標(biāo)控制器
    UINavigationController *nav=segue.destinationViewController;
    YYtwoViewController *two=(YYtwoViewController *)nav.topViewController;
    //傳遞數(shù)據(jù)
    two.name=@"文頂頂";
}
@end


YYtwoViewController.h文件
復(fù)制代碼 代碼如下:

//
//  YYtwoViewController.h
//  02-模態(tài)窗口的數(shù)據(jù)傳遞
//
//  Created by apple on 14-6-9.
//  Copyright (c) 2014年 itcase. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface YYtwoViewController : UIViewController
@property(nonatomic,copy)NSString *name;
@end

YYtwoViewController.m文件

//
//  YYtwoViewController.m
//  02-模態(tài)窗口的數(shù)據(jù)傳遞
//
//  Created by apple on 14-6-9.
//  Copyright (c) 2014年 itcase. All rights reserved.
//

#import "YYtwoViewController.h"

@interface YYtwoViewController ()
@property (weak, nonatomic) IBOutlet UILabel *nametext;

@end


復(fù)制代碼 代碼如下:

@implementation YYtwoViewController


- (void)viewDidLoad
{
    [super viewDidLoad];
    self.nametext.text=self.name;
   
    //為導(dǎo)航欄添加一個返回按鈕
    self.navigationItem.leftBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:self action:@selector(black)];
}

-(void)black
{
    //移除模態(tài)窗口
    [self dismissViewControllerAnimated:YES completion:^{
        NSLog(@"成功移除!");
    }];
}
@end


APP主流UI框架結(jié)構(gòu)

一、簡單示例

說明:使用APP主流UI框架結(jié)構(gòu)完成簡單的界面搭建

搭建頁面效果:

2015121892541489.png (640×1136)

2015121892559610.png (640×1136)

2015121892615038.png (640×1136)

2015121892632087.png (640×1136)

2015121892802716.png (640×1136)

2015121892841167.png (640×1136)

二、搭建過程和注意點

1.新建一個項目,把原有的控制器刪除,添加UITabBarController控制器作為管理控制器

2.對照界面完成搭建

2015121892904928.png (1003×681)

3.注意點:

(1)隱藏工具條:配置一個屬性,Hideabotton bar在push的時候隱藏底部的bar在那個界面隱藏,就在哪個界面設(shè)置。

2015121892924732.png (631×477)

(2).cell可以設(shè)置行高

2015121892945273.png (735×364)

(3)連線

2015121893006103.png (349×385)2015121893056460.png (283×411)

(4)說明:在上面的頁面搭建中直接使用了靜態(tài)單元格,但在實際開發(fā)中,通常不這么做。
(5)在tableview中添加headerview(顯示一根藍(lán)線)
三、 APP主流UI框架結(jié)構(gòu)

2015121893119353.png (682×298)

請問:UITabBarController和導(dǎo)航控制器的在結(jié)構(gòu)中的位置能否互調(diào)?(一個導(dǎo)航條)

設(shè)置控制器關(guān)聯(lián)或出現(xiàn)問題,tableviewcontroller默認(rèn)實現(xiàn)了數(shù)據(jù)源的方法,兩個控制器把它反過來管理。關(guān)于導(dǎo)航條。導(dǎo)航條上顯示什么內(nèi)容由棧頂控制器來確定,下面的導(dǎo)航條只有一個(棧頂控制器就是tabbar控制器)。
補(bǔ)充說明:ios7全屏化的設(shè)計
打印ios7中控制器的層次結(jié)構(gòu):

2015121893139011.png (900×256)

打印ios6中控制器的層次結(jié)構(gòu):

2015121893202723.png (751×225)

相關(guān)文章

  • MAUI模仿iOS多任務(wù)切換卡片滑動的交互實現(xiàn)代碼

    MAUI模仿iOS多任務(wù)切換卡片滑動的交互實現(xiàn)代碼

    這篇文章主要介紹了[MAUI]模仿iOS多任務(wù)切換卡片滑動的交互實現(xiàn),使用.NET MAU實現(xiàn)跨平臺支持,本項目可運行于Android、iOS平臺,需要的朋友可以參考下
    2023-05-05
  • iOS中使用UIDatePicker制作時間選擇器的實例教程

    iOS中使用UIDatePicker制作時間選擇器的實例教程

    這篇文章主要介紹了iOS中使用UIDatePicker制作時間選擇器的實例教程,實例中未選中的時間項目會講解一個將其變透明的方法,非常給力,需要的朋友可以參考下
    2016-05-05
  • iOS實現(xiàn)視頻和圖片的上傳思路

    iOS實現(xiàn)視頻和圖片的上傳思路

    這篇文章主要介紹了iOS實現(xiàn)視頻和圖片的上傳思路,本文分步驟給大家介紹的非常詳細(xì),具有參考借鑒價值,需要的朋友可以參考下
    2017-03-03
  • iOS自定義字體設(shè)置和系統(tǒng)自帶的字體詳解

    iOS自定義字體設(shè)置和系統(tǒng)自帶的字體詳解

    這篇文章主要給大家介紹了關(guān)于iOS自定義字體設(shè)置和系統(tǒng)自帶的字體的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-01-01
  • IOS NSUserDefault 記住用戶名及密碼功能的實例代碼

    IOS NSUserDefault 記住用戶名及密碼功能的實例代碼

    這篇文章主要介紹了IOS NSUserDefault 記住用戶名及密碼功能的實現(xiàn)代碼,需要的朋友可以參考下
    2017-09-09
  • 詳解iOS中多倒計時場景的解決方案

    詳解iOS中多倒計時場景的解決方案

    在我們開發(fā)APP的過程中,或多或少都遇到過需要使用倒計時的場景,這篇文章主要介紹了詳解iOS中多倒計時場景的解決方案,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-11-11
  • iOS中利用UIBezierPath + CAAnimation實現(xiàn)心跳動畫效果

    iOS中利用UIBezierPath + CAAnimation實現(xiàn)心跳動畫效果

    這篇文章主要給大家介紹了關(guān)于iOS中利用UIBezierPath + CAAnimation實現(xiàn)心跳動畫效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的日常開發(fā)具有一定的參考學(xué)習(xí),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-10-10
  • IOS中NSPredicate和NSRegularExpression校驗正則表達(dá)式區(qū)別

    IOS中NSPredicate和NSRegularExpression校驗正則表達(dá)式區(qū)別

    本文文章通過實例代碼給大家講述了在IOS開發(fā)中NSPredicate和NSRegularExpression校驗正則表達(dá)式區(qū)別,需要的朋友趕快學(xué)習(xí)下吧。
    2018-01-01
  • iOS實現(xiàn)mp3播放效果

    iOS實現(xiàn)mp3播放效果

    這篇文章主要為大家詳細(xì)介紹了iOS實現(xiàn)mp3播放效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • iOS捕捉截屏事件并展示截圖效果

    iOS捕捉截屏事件并展示截圖效果

    這篇文章主要為大家詳細(xì)介紹了iOS捕捉截屏事件并展示截圖效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-01-01

最新評論

台山市| 贡觉县| 蒲城县| 易门县| 东山县| 东方市| 大邑县| 河北区| 柳江县| 乌兰浩特市| 尼玛县| 微山县| 遵义县| 巴青县| 鹤山市| 贵港市| 玉田县| 和静县| 阜南县| 莱西市| 三门县| 嘉义县| 盘锦市| 望都县| 璧山县| 高安市| 涞源县| 兰考县| 仙居县| 云安县| 永丰县| 洱源县| 泸溪县| 青田县| 威海市| 孟村| 嘉黎县| 祁东县| 察隅县| 芮城县| 县级市|