翻譯:iOS視圖控制器編程指南(十一)——?jiǎng)?chuàng)建自定義present(Creating Custom Presentations)

UIKit將視圖控制器的內(nèi)容與內(nèi)容在屏幕上顯示和消失的方式分割開來菠发。底層present控制器對(duì)象管理Presented視圖控制器懈贺,該對(duì)象管理顯示視圖控制器視圖的視覺風(fēng)格孝凌。present控制器可能會(huì)執(zhí)行以下操作:

  • 設(shè)置presented視圖控制器的大小幔托。
  • 添加自定義視圖改變presented內(nèi)容的視覺外觀娃圆。
  • 為自定義視圖提供過渡動(dòng)畫蔫慧。
  • 當(dāng)app環(huán)境發(fā)生變化時(shí)挠乳,調(diào)整present的視覺外觀。

UIKit為present控制器提供了標(biāo)準(zhǔn)present風(fēng)格姑躲。當(dāng)你設(shè)置一個(gè)視圖控制器的present風(fēng)格為UIModalPresentationCustom睡扬,并提供一個(gè)適當(dāng)?shù)倪^渡代理,UIKit使用自定義present控制器黍析。

自定義present過程

當(dāng)你present視圖控制器的present風(fēng)格是UIModalPresentationCustom卖怜,UIKit查找一個(gè)自定義present控制器來管理present過程。隨著present推進(jìn)阐枣,UIKit調(diào)用present控制器的方法马靠,建立自定義視圖并渲染到適當(dāng)?shù)奈恢谩?/p>

present控制器與其他動(dòng)畫對(duì)象一起實(shí)現(xiàn)整體過渡奄抽。動(dòng)畫對(duì)象渲染視圖控制器的內(nèi)容到屏幕上,present控制器處理其他一切甩鳄。通常情況下逞度,present控制器渲染自己的視圖,但也可以覆蓋present控制器的 presentedView方法妙啃,并讓動(dòng)畫對(duì)象渲染這些視圖档泽。

在present過程中,UIKit:
1.調(diào)用過渡代理的 presentationControllerForPresentedViewController:presentingViewController:sourceViewController: 方法檢索自定義present控制器
2.調(diào)用過渡代理的動(dòng)畫和交互式動(dòng)畫對(duì)象揖赴,如果有的話
3.調(diào)用present控制器的 presentationTransitionWillBegin方法
該方法的實(shí)現(xiàn)應(yīng)該添加自定義視圖到視圖層級(jí)結(jié)構(gòu)中并配置這些視圖的動(dòng)畫馆匿。
4.從present控制器獲取 presentedView
該方法返回的視圖由動(dòng)畫對(duì)象渲染到合適的位置。正常情況下储笑,該方法返回presented視圖控制器的根視圖甜熔。present控制器可以用自定義背景視圖替換該視圖圆恤。如果你確實(shí)指定一個(gè)不同的視圖突倍,你必須將presented視圖控制器的根視圖添加到視圖層級(jí)結(jié)構(gòu)中。
5.執(zhí)行過渡動(dòng)畫
過渡動(dòng)畫包括動(dòng)畫對(duì)象創(chuàng)建的主要?jiǎng)赢嫼推渌渲门c主動(dòng)畫一起運(yùn)行的動(dòng)畫盆昙。關(guān)于過渡動(dòng)畫的更多信息羽历,參見過渡動(dòng)畫序列( The Transition Animation Sequence)。
在動(dòng)畫過程中淡喜,UIKit調(diào)用present控制器的 containerViewWillLayoutSubviewscontainerViewDidLayoutSubviews方法秕磷,這樣你可以根據(jù)需要調(diào)整自定義視圖的布局。
6.當(dāng)過渡動(dòng)畫完成時(shí)炼团,調(diào)用 presentationTransitionDidEnd: 方法澎嚣。

在dismiss過程中,UIKit:
1.從當(dāng)前的可見視圖控制器獲取自定義present控制器
2.調(diào)用過渡代理的動(dòng)畫和交互式動(dòng)畫對(duì)象瘟芝,如果有的話
3.調(diào)用present控制器的 dismissalTransitionWillBegin方法
4.從present控制器獲取 presentedView
5.執(zhí)行過渡動(dòng)畫
過渡動(dòng)畫包括動(dòng)畫對(duì)象創(chuàng)建的主要?jiǎng)赢嫼推渌渲门c主動(dòng)畫一起運(yùn)行的動(dòng)畫易桃。關(guān)于過渡動(dòng)畫的更多信息,參見過渡動(dòng)畫序列( The Transition Animation Sequence)锌俱。
動(dòng)畫過程中晤郑,UIKit調(diào)用present控制器的 containerViewWillLayoutSubviewscontainerViewDidLayoutSubviews方法,這樣就可以刪除自定義約束贸宏。
6.當(dāng)過渡動(dòng)畫完成造寝,調(diào)用dismissalTransitionDidEnd: 方法
在present過程中,present控制器的frameOfPresentedViewInContainerViewpresentedView方法可能會(huì)調(diào)用多次吭练,所以必須很快的返回實(shí)現(xiàn)诫龙。另外,presentedView方法的實(shí)現(xiàn)不應(yīng)該設(shè)置視圖層級(jí)鲫咽。視圖層級(jí)結(jié)構(gòu)應(yīng)該在調(diào)用該方法時(shí)就配置好了赐稽。

創(chuàng)建自定義present控制器

實(shí)現(xiàn)自定義present更改叫榕,繼承UIPresentationController 并添加代碼創(chuàng)建present的視圖和動(dòng)畫。當(dāng)創(chuàng)建一個(gè)自定義present控制器姊舵,考慮以下問題:

  • 你想添加什么視圖晰绎?
  • 你希望如何渲染額外視圖到屏幕上?
  • present視圖控制器的大欣ǘ 荞下?
  • present如何適應(yīng)水平常規(guī)和水平緊湊大小類?
  • present視圖控制器的視圖在present完成時(shí)是否要?jiǎng)h除史飞?

所有這些決定需要覆蓋UIPresentationController類的不同方法尖昏。

設(shè)置presented視圖控制器的frame

可以修改present視圖控制器的frame,這樣可以填充可用空間的一部分构资。默認(rèn)情況下抽诉,present視圖控制器的大小完全填補(bǔ)容器視圖的frame。為了改變frame吐绵,覆蓋present視圖的frameOfPresentedViewInContainerView方法迹淌。類別11-1展示了只覆蓋容器視圖控制器右半部分的例子。在這種情況下己单,present控制器使用背景模糊視圖覆蓋容器的另一半唉窃。

列表11-1 改變present視圖控制器的frame

<pre><code>
-(CGRect)frameOfPresentedViewInContainerView {

CGRect presentedViewFrame = CGRectZero;   

CGRect containerBounds = [[self containerView] bounds];

presentedViewFrame.size = CGSizeMake(floorf(containerBounds.size.width / 2.0)

,containerBounds.size.height);

presentedViewFrame.origin.x = containerBounds.size.width -presentedViewFrame.size.width;   

return presentedViewFrame;   

}

</pre></code>

管理和渲染自定義視圖

自定義present通常涉及添加自定義視圖到presented內(nèi)容上。使用自定義視圖來實(shí)現(xiàn)純粹視覺裝飾或者是用他們添加實(shí)際行為到present上纹笼。例如纹份,背景視圖可以將手勢識(shí)別器跟蹤在presented內(nèi)容范圍以外的特定動(dòng)作。

present控制器負(fù)責(zé)創(chuàng)建和管理所有與present相關(guān)的自定義視圖廷痘。通常蔓涧,在present控制器的初始化方法中創(chuàng)建自定義視圖。在列表11-2中展示了自定義視圖控制器的初始化方法笋额,該視圖控制器創(chuàng)建其自己的模糊視圖元暴。該方法創(chuàng)建視圖并執(zhí)行一些配置。

列表11-2 初始化present控制器

<pre><code>
-(instancetype)initWithPresentedViewController:(UIViewController *)presentedViewController

presentingViewController:(UIViewController *)presentingViewController {

self = [super initWithPresentedViewController:presentedViewController
                     presentingViewController:presentingViewController];   

if(self) {
    // Create the dimming view and set its initial appearance.   
    self.dimmingView = [[UIView alloc] init];
    [self.dimmingView setBackgroundColor:[UIColor colorWithWhite:0.0 alpha:0.4]];
    [self.dimmingView setAlpha:0.0];
}
return self;

}
</pre></code>

使用 presentationTransitionWillBegin方法渲染自定義視圖到屏幕上鳞陨。在該方法中昨寞,配置自定義視圖并添加他們到容器視圖中,如列表11-3所示厦滤。使用過度協(xié)調(diào)器的presented或presenting視圖控制器來創(chuàng)建動(dòng)畫援岩。在該方法中不要修改presented視圖控制器的視圖。動(dòng)畫對(duì)象負(fù)責(zé)渲染Presented視圖控制器到 frameOfPresentedViewInContainerView 方法返回的frame上掏导。

列表11-3 渲染模糊視圖到屏幕上
<pre><code>
-(void)presentationTransitionWillBegin {

// Get critical information about the presentation.

UIView* containerView = [self containerView];

UIViewController* presentedViewController = [self presentedViewController];

// Set the dimming view to the size of the container's

// bounds, and make it transparent initially.

[[self dimmingView] setFrame:[containerView bounds]];

[[self dimmingView] setAlpha:0.0];

// Insert the dimming view below everything else.

[containerView insertSubview:[self dimmingView] atIndex:0];

// Set up the animations for fading in the dimming view.

if([presentedViewController transitionCoordinator]) {

[[presentedViewController transitionCoordinator]

animateAlongsideTransition:^(id<UIViewControllerTransitionCoordinatorContext>

context) {

// Fade in the dimming view.

[[self dimmingView] setAlpha:1.0];

} completion:nil];

}

else {

[[self dimmingView] setAlpha:1.0];

}

}
</pre></code>

在present結(jié)束后享怀,使用 presentationTransitionDidEnd: 方法處理取消present產(chǎn)生的清理。如果不滿足閾值條件趟咆,交互式動(dòng)畫對(duì)象可能取消過渡添瓷。當(dāng)這種情況發(fā)生時(shí)梅屉,UIKit調(diào)用 presentationTransitionDidEnd:方法并設(shè)置為NO。當(dāng)發(fā)生取消時(shí)鳞贷,刪除在present之前添加的任何自定義視圖并返回之前配置的其他視圖坯汤,如列表11-4所示。

11-4 處理取消present

<pre><code>
-(void)presentationTransitionDidEnd:(BOOL)completed {

// If the presentation was canceled, remove the dimming view.
if (!completed)
    [self.dimmingView removeFromSuperview];

}
</pre></code>

當(dāng)dismiss 視圖控制器搀愧,使用 dismissalTransitionDidEnd:方法從視圖層級(jí)結(jié)構(gòu)中刪除自定義視圖惰聂。如果希望視圖消失有動(dòng)畫,在 dismissalTransitionDidEnd:方法中設(shè)置動(dòng)畫咱筛。列表11-5 展示了刪除模糊視圖的兩種方法搓幌。總是檢查 dismissalTransitionDidEnd:方法的參數(shù)迅箩,了解dismiss是否成功或取消溉愁。

列表11-5 dismiss present視圖

<pre><code>
-(void)dismissalTransitionWillBegin {

// Fade the dimming view back out.
if([[self presentedViewController] transitionCoordinator]) {
    [[[self presentedViewController] transitionCoordinator]
       animateAlongsideTransition:^(id<UIViewControllerTransitionCoordinatorContext>
                                    context) {
        [[self dimmingView] setAlpha:0.0];
    } completion:nil];
}
else {
    [[self dimmingView] setAlpha:0.0];
}

}

-(void)dismissalTransitionDidEnd:(BOOL)completed {

// If the dismissal was successful, remove the dimming view.
if (completed)
    [self.dimmingView removeFromSuperview];

}
</pre></code>

vend present控制器到UIKit

當(dāng)present視圖控制器,執(zhí)行以下步驟:

當(dāng)過渡代理需要present控制器篙贸,UIKit調(diào)用過渡代理的presentationControllerForPresentedViewController:presentingViewController:sourceViewController: 方法投队。該方法的實(shí)現(xiàn)如列表11-6一樣簡單枫疆。創(chuàng)建present控制器爵川,配置并返回。如果該方法返回nil息楔,UIKit使用全屏present風(fēng)格present該視圖控制器寝贡。

列表11-6 創(chuàng)建自定義present控制器

<pre><code>
-(UIPresentationController *)presentationControllerForPresentedViewController:

(UIViewController *)presented
presentingViewController:(UIViewController *)presenting

sourceViewController:(UIViewController *)source {

MyPresentationController* myPresentation = [[MyPresentationController]
   initWithPresentedViewController:presented presentingViewController:presenting];

return myPresentation;

}

</pre></code>

采用不同大小類

當(dāng)present在屏幕上,當(dāng)?shù)讓觮rait或容器視圖的大小發(fā)生變化值依,UIKit通知present控制器圃泡。這種變化通常發(fā)生在設(shè)備旋轉(zhuǎn)的情況下。在合適的時(shí)候愿险,可以使用trait和大小通知來適配present自定義視圖和更新present風(fēng)格颇蜡。

關(guān)于如何采用trait和大小的信息,參見構(gòu)建自適應(yīng)界面( Building an Adaptive Interface)辆亏。

官方原文地址:

https://developer.apple.com/library/prerelease/ios/featuredarticles/ViewControllerPGforiPhoneOS/DefiningCustomPresentations.html#//apple_ref/doc/uid/TP40007457-CH25-SW1

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末风秤,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子扮叨,更是在濱河造成了極大的恐慌缤弦,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件彻磁,死亡現(xiàn)場離奇詭異碍沐,居然都是意外死亡狸捅,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門累提,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尘喝,“玉大人,你說我怎么就攤上這事斋陪∏剖。” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵鳍贾,是天一觀的道長鞍匾。 經(jīng)常有香客問我,道長骑科,這世上最難降的妖魔是什么橡淑? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮咆爽,結(jié)果婚禮上梁棠,老公的妹妹穿的比我還像新娘。我一直安慰自己斗埂,他們只是感情好符糊,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著呛凶,像睡著了一般男娄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上漾稀,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天模闲,我揣著相機(jī)與錄音,去河邊找鬼崭捍。 笑死尸折,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的殷蛇。 我是一名探鬼主播实夹,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼粒梦!你這毒婦竟也來了亮航?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤谍倦,失蹤者是張志新(化名)和其女友劉穎塞赂,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體昼蛀,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宴猾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年圆存,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片仇哆。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡沦辙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出讹剔,到底是詐尸還是另有隱情油讯,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布延欠,位于F島的核電站陌兑,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏由捎。R本人自食惡果不足惜兔综,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望狞玛。 院中可真熱鬧软驰,春花似錦、人聲如沸心肪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽硬鞍。三九已至慧瘤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間膳凝,已是汗流浹背碑隆。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工恭陡, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蹬音,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓休玩,卻偏偏與公主長得像著淆,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子拴疤,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容