翻譯:iOS視圖控制器編程指南(十一)——創建自定義present(Creating Custom Presentations)

UIKit將視圖控制器的內容與內容在屏幕上顯示和消失的方式分割開來。底層present控制器對象管理Presented視圖控制器,該對象管理顯示視圖控制器視圖的視覺風格。present控制器可能會執行以下操作:

  • 設置presented視圖控制器的大小。
  • 添加自定義視圖改變presented內容的視覺外觀。
  • 為自定義視圖提供過渡動畫。
  • 當app環境發生變化時,調整present的視覺外觀。

UIKit為present控制器提供了標準present風格。當你設置一個視圖控制器的present風格為UIModalPresentationCustom,并提供一個適當的過渡代理,UIKit使用自定義present控制器。

自定義present過程

當你present視圖控制器的present風格是UIModalPresentationCustom,UIKit查找一個自定義present控制器來管理present過程。隨著present推進,UIKit調用present控制器的方法,建立自定義視圖并渲染到適當的位置。

present控制器與其他動畫對象一起實現整體過渡。動畫對象渲染視圖控制器的內容到屏幕上,present控制器處理其他一切。通常情況下,present控制器渲染自己的視圖,但也可以覆蓋present控制器的 presentedView方法,并讓動畫對象渲染這些視圖。

在present過程中,UIKit:
1.調用過渡代理的 presentationControllerForPresentedViewController:presentingViewController:sourceViewController: 方法檢索自定義present控制器
2.調用過渡代理的動畫和交互式動畫對象,如果有的話
3.調用present控制器的 presentationTransitionWillBegin方法
該方法的實現應該添加自定義視圖到視圖層級結構中并配置這些視圖的動畫。
4.從present控制器獲取 presentedView
該方法返回的視圖由動畫對象渲染到合適的位置。正常情況下,該方法返回presented視圖控制器的根視圖。present控制器可以用自定義背景視圖替換該視圖。如果你確實指定一個不同的視圖,你必須將presented視圖控制器的根視圖添加到視圖層級結構中。
5.執行過渡動畫
過渡動畫包括動畫對象創建的主要動畫和其他配置與主動畫一起運行的動畫。關于過渡動畫的更多信息,參見過渡動畫序列( The Transition Animation Sequence)。
在動畫過程中,UIKit調用present控制器的 containerViewWillLayoutSubviewscontainerViewDidLayoutSubviews方法,這樣你可以根據需要調整自定義視圖的布局。
6.當過渡動畫完成時,調用 presentationTransitionDidEnd: 方法。

在dismiss過程中,UIKit:
1.從當前的可見視圖控制器獲取自定義present控制器
2.調用過渡代理的動畫和交互式動畫對象,如果有的話
3.調用present控制器的 dismissalTransitionWillBegin方法
4.從present控制器獲取 presentedView
5.執行過渡動畫
過渡動畫包括動畫對象創建的主要動畫和其他配置與主動畫一起運行的動畫。關于過渡動畫的更多信息,參見過渡動畫序列( The Transition Animation Sequence)。
動畫過程中,UIKit調用present控制器的 containerViewWillLayoutSubviewscontainerViewDidLayoutSubviews方法,這樣就可以刪除自定義約束。
6.當過渡動畫完成,調用dismissalTransitionDidEnd: 方法
在present過程中,present控制器的frameOfPresentedViewInContainerViewpresentedView方法可能會調用多次,所以必須很快的返回實現。另外,presentedView方法的實現不應該設置視圖層級。視圖層級結構應該在調用該方法時就配置好了。

創建自定義present控制器

實現自定義present更改,繼承UIPresentationController 并添加代碼創建present的視圖和動畫。當創建一個自定義present控制器,考慮以下問題:

  • 你想添加什么視圖?
  • 你希望如何渲染額外視圖到屏幕上?
  • present視圖控制器的大小?
  • present如何適應水平常規和水平緊湊大小類?
  • present視圖控制器的視圖在present完成時是否要刪除?

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

設置presented視圖控制器的frame

可以修改present視圖控制器的frame,這樣可以填充可用空間的一部分。默認情況下,present視圖控制器的大小完全填補容器視圖的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內容上。使用自定義視圖來實現純粹視覺裝飾或者是用他們添加實際行為到present上。例如,背景視圖可以將手勢識別器跟蹤在presented內容范圍以外的特定動作。

present控制器負責創建和管理所有與present相關的自定義視圖。通常,在present控制器的初始化方法中創建自定義視圖。在列表11-2中展示了自定義視圖控制器的初始化方法,該視圖控制器創建其自己的模糊視圖。該方法創建視圖并執行一些配置。

列表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所示。使用過度協調器的presented或presenting視圖控制器來創建動畫。在該方法中不要修改presented視圖控制器的視圖。動畫對象負責渲染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結束后,使用 presentationTransitionDidEnd: 方法處理取消present產生的清理。如果不滿足閾值條件,交互式動畫對象可能取消過渡。當這種情況發生時,UIKit調用 presentationTransitionDidEnd:方法并設置為NO。當發生取消時,刪除在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>

當dismiss 視圖控制器,使用 dismissalTransitionDidEnd:方法從視圖層級結構中刪除自定義視圖。如果希望視圖消失有動畫,在 dismissalTransitionDidEnd:方法中設置動畫。列表11-5 展示了刪除模糊視圖的兩種方法??偸菣z查 dismissalTransitionDidEnd:方法的參數,了解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

當present視圖控制器,執行以下步驟:

當過渡代理需要present控制器,UIKit調用過渡代理的presentationControllerForPresentedViewController:presentingViewController:sourceViewController: 方法。該方法的實現如列表11-6一樣簡單。創建present控制器,配置并返回。如果該方法返回nil,UIKit使用全屏present風格present該視圖控制器。

列表11-6 創建自定義present控制器

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

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

sourceViewController:(UIViewController *)source {

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

return myPresentation;

}

</pre></code>

采用不同大小類

當present在屏幕上,當底層trait或容器視圖的大小發生變化,UIKit通知present控制器。這種變化通常發生在設備旋轉的情況下。在合適的時候,可以使用trait和大小通知來適配present自定義視圖和更新present風格。

關于如何采用trait和大小的信息,參見構建自適應界面( Building an Adaptive Interface)。

官方原文地址:

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,606評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,582評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,540評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,028評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,801評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,223評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,294評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,442評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,976評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,800評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,996評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,543評論 5 360
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,233評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,926評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,702評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內容