iOS--UIAlertView與UIAlertController和UIAlertAction之間的事兒

来源:http://www.cnblogs.com/bolin-123/archive/2016/03/11/5267404.html
-Advertisement-
Play Games

iOS 8的新特性之一就是讓介面更有適應性、更靈活,因此許多視圖控制器的實現方式發生了巨大的變化。全新的UIPresentationController在實現視圖控制器間的過渡動畫效果和自適應設備尺寸變化效果(比如說旋轉)中發揮了重要的作用,它有效地節省了程式員們的工作量(天地良心啊)。還有,某些舊


iOS 8的新特性之一就是讓介面更有適應性、更靈活,因此許多視圖控制器的實現方式發生了巨大的變化。全新的UIPresentationController在實現視圖控制器間的過渡動畫效果和自適應設備尺寸變化效果(比如說旋轉)中發揮了重要的作用,它有效地節省了程式員們的工作量(天地良心啊)。還有,某些舊的UIKit控制項也同樣發生了許多變化,比如說Alert ViewsAction SheetsPopovers以及Search Bar Controllers。本文將會對Alert ViewsAction Sheets發生的改變進行一個大致的介紹,採用Objective-C
  • UIAlertView
隨著蘋果上次iOS 5的發佈,對話框視圖樣式出現在了我們面前,直到現在它都沒有發生過很大的變化。下麵的代碼片段展示瞭如何初始化和顯示一個帶有“取消”和“好的”按鈕的對話框視圖。
UIAlertView *alertview = [[UIAlertView alloc] initWithTitle:@"標題" message:@"這個是UIAlertView的預設樣式" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"好的", nil];
[alertview show];
UIAlertView的預設樣式                             UIAlertView的預設樣式

要能夠創建和上面相同的對話框視圖

var alertView = UIAlertView()
alertView.delegate = self
alertView.title = "標題"
alertView.message = "這個是UIAlertView的預設樣式"
alertView.addButtonWithTitle("取消")
alertView.addButtonWithTitle("好的")
alertView.show()

您也可以通過更改UIAlertViewalertViewStyle屬性來實現輸入文字、密碼甚至登錄框的效果。

UIAlertView文本對話框
                    UIAlertView文本對話框 UIAlertView密碼對話框
                    UIAlertView密碼對話框 UIAlertView登錄對話框
                         UIAlertView登錄對話框

UIAlertViewDelegate協議擁有響應對話框視圖的按鈕動作的回調方法。還有當文本框內容改變時,調用alertViewShouldEnableOtherButton:方法可以讓按鈕動態地可用或者不可用。

要說明一點,蘋果官方現在並不提倡在iOS 8中使用UIAlertView,取而代之的是UIAlertController。下麵我們就來介紹UIAlertController的使用方法。

  • UIAlertController

在iOS 8中,UIAlertController在功能上是和UIAlertView以及UIActionSheet相同的,UIAlertController以一種模塊化替換的方式來代替這兩貨的功能和作用。是使用對話框(alert)還是使用上拉菜單(action sheet),就取決於在創建控制器時,您是如何設置首選樣式的。

  • 一個簡單的對話框例子

您可以比較一下兩種不同的創建對話框的代碼,創建基礎UIAlertController的代碼和創建UIAlertView的代碼非常相似:

UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"標題" message:@"這個是UIAlertController的預設樣式" preferredStyle:UIAlertControllerStyleAlert];

同創建UIAlertView相比,我們無需指定代理,也無需在初始化過程中指定按鈕。不過要特別註意第三個參數,要確定您選擇的是對話框樣式還是上拉菜單樣式。

通過創建UIAlertAction的實例,您可以將動作按鈕添加到控制器上。UIAlertAction由標題字元串、樣式以及當用戶選中該動作時運行的代碼塊組成。通過UIAlertActionStyle,您可以選擇如下三種動作樣式:常規(default)、取消(cancel)以及警示(destruective)。為了實現原來我們在創建UIAlertView時創建的按鈕效果,我們只需創建這兩個動作按鈕並將它們添加到控制器上即可。

UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil];
UIAlertAction *okAction = [UIAlertAction actionWithTitle:@"好的" style:UIAlertActionStyleDefault handler:nil];

[alertController addAction:cancelAction];
[alertController addAction:okAction];

最後,我們只需顯示這個對話框視圖控制器即可:

[self presentViewController:alertController animated:YES completion:nil];
UIAlertController預設樣式
                     UIAlertController預設樣式

按鈕顯示的次序取決於它們添加到對話框控制器上的次序。一般來說,根據蘋果官方制定的《iOS 用戶界面指南》,在擁有兩個按鈕的對話框中,您應當將取消按鈕放在左邊。要註意,取消按鈕是唯一的,如果您添加了第二個取消按鈕,那麼你就會得到如下的一個運行時異常:

* Terminating app due to uncaught exception ‘NSInternalInconsistencyException’, reason: ‘UIAlertController can only have one action with a style of UIAlertActionStyleCancel’

異常信息簡潔明瞭,我們在此就不贅述了。

  • “警示”樣式

什麼是“警示”樣式呢?我們先不著急回答這個問題,先來看一下下麵關於“警示”樣式的簡單示例。在這個示例中,我們將前面的示例中的“好的”按鈕替換為了“重置”按鈕。

UIAlertAction *resetAction = [UIAlertAction actionWithTitle:@"重置" style:UIAlertActionStyleDestructive handler:nil];

[alertController addAction:resetAction];
“警示”樣式
                                       “警示”樣式

可以看出,我們新增的那個“重置”按鈕變成了紅色。根據蘋果官方的定義,“警示”樣式的按鈕是用在可能會改變或刪除數據的操作上。因此用了紅色的醒目標識來警示用戶。

  • 文本對話框

UIAlertController極大的靈活性意味著您不必拘泥於內置樣式。以前我們只能在預設視圖、文本框視圖、密碼框視圖、登錄和密碼輸入框視圖中選擇,現在我們可以向對話框中添加任意數目的UITextField對象,並且可以使用所有的UITextField特性。當您向對話框控制器中添加文本框時,您需要指定一個用來配置文本框的代碼塊。

舉個慄子吧,要重新建立原來的登錄和密碼樣式對話框,我們可以向其中添加兩個文本框,然後用合適的占位符來配置它們,最後將密碼輸入框設置使用安全文本輸入。

UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"文本對話框" message:@"登錄和密碼對話框示例" preferredStyle:UIAlertControllerStyleAlert];

[alertController addTextFieldWithConfigurationHandler:^(UITextField *textField){
    textField.placeholder = @"登錄";
}];

[alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
    textField.placeholder = @"密碼";
    textField.secureTextEntry = YES;
}];

在“好的”按鈕按下時,我們讓程式讀取文本框中的值。

UIAlertAction *okAction = [UIAlertAction actionWithTitle:@"好的" style:UIAlertActionStyleDefault handler:^(UIAlertAction *action) {
    UITextField *login = alertController.textFields.firstObject;
    UITextField *password = alertController.textFields.lastObject;
   NSLog(@"帳號:%@",login.text);
   NSLog(@"密碼:%@",password.text);
}];

如果我們想要實現UIAlertView中的委托方法alertViewShouldEnableOtherButton:方法的話可能會有一些複雜。假定我們要讓“登錄”文本框中至少有3個字元才能激活“好的”按鈕。很遺憾的是,在UIAlertController中並沒有相應的委托方法,因此我們需要向“登錄”文本框中添加一個Observer。Observer模式定義對象間的一對多的依賴關係,當一個對象的狀態發生改變時, 所有依賴於它的對象都得到通知並被自動更新。我們可以在構造代碼塊中添加如下的代碼片段來實現。

[alertController addTextFieldWithConfigurationHandler:^(UITextField *textField){
    ...
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(alertTextFieldDidChange:) name:UITextFieldTextDidChangeNotification object:textField];
}];

當視圖控制器釋放的時候我們需要移除這個Observer,我們通過在每個按鈕動作的handler代碼塊(還有其他任何可能釋放視圖控制器的地方)中添加合適的代碼來實現它。比如說在okAction這個按鈕動作中:

UIAlertAction *okAction = [UIAlertAction actionWithTitle:@"好的" style:UIAlertActionStyleDefault handler:^(UIAlertAction *action) {
    ...
    [[NSNotificationCenter defaultCenter] removeObserver:self name:UITextFieldTextDidChangeNotification object:nil];
}];

在顯示對話框之前,我們要凍結“好的”按鈕

okAction.enabled = NO;
接下來,在通知觀察者(notification observer)中,我們需要在激活按鈕狀態前檢查“登錄”文本框的內容。
- (void)alertTextFieldDidChange:(NSNotification *)notification{
    UIAlertController *alertController = (UIAlertController *)self.presentedViewController;
    if (alertController) {
        UITextField *login = alertController.textFields.firstObject;
        UIAlertAction *okAction = alertController.actions.lastObject;
        okAction.enabled = login.text.length > 2;
    }
}
UIAlertController的登錄和密碼對話框示例
              UIAlertController的登錄和密碼對話框示例

好了,現在對話框的“好的”按鈕被凍結了,除非在“登錄”文本框中輸入3個以上的字元:

  • 上拉菜單

當需要給用戶展示一系列選擇的時候(選擇恐懼症患者殺手),上拉菜單就能夠派上大用場了。和對話框不同,上拉菜單的展示形式和設備大小有關。在iPhone上(緊縮寬度),上拉菜單從屏幕底部升起。在iPad上(常規寬度),上拉菜單以彈出框的形式展現。

創建上拉菜單的方式和創建對話框的方式非常類似,唯一的區別是它們的形式。

UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"保存或刪除數據" message:@"刪除數據將不可恢復" preferredStyle: UIAlertControllerStyleActionSheet];

添加按鈕動作的方式和對話框相同。

UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil];
UIAlertAction *deleteAction = [UIAlertAction actionWithTitle:@"刪除" style:UIAlertActionStyleDestructive handler:nil];
UIAlertAction *archiveAction = [UIAlertAction actionWithTitle:@"保存" style:UIAlertActionStyleDefault handler:nil];

[alertController addAction:cancelAction];
[alertController addAction:deleteAction];
[alertController addAction:archiveAction];

您不能在上拉菜單中添加文本框,如果您強行作死添加了文本框,那麼就會榮幸地得到一個運行時異常:

* Terminating app due to uncaught exception ‘NSInternalInconsistencyException’, reason: ‘Text fields can only be added to an alert controller of style UIAlertControllerStyleAlert’

同樣,簡單的異常說明,我們也不多說了。

接下來我們就可以在iPhone或者其他緊縮寬度的設備上展示了,不出我們所料,運行得很成功。

[self presentViewController:alertController animated:YES completion:nil];
iPhone上的上拉菜單效果
  • iPhone上的上拉菜單效果

如果上拉菜單中有“取消”按鈕的話,那麼它永遠都會出現在菜單的底部,不管添加的次序是如何(就是這麼任性)。其他的按鈕將會按照添加的次序從上往下依次顯示。《iOS 用戶界面指南》要求所有的“警告”樣式按鈕都必須排名第一(紅榜嘛,很好理解的,對不對?)。

別激動得太早,我們現在還有一個很嚴重的問題,這個問題隱藏得比較深。當我們使用iPad或其他常規寬度的設備時,就會得到一個運行時異常:

Terminating app due to uncaught exception ‘NSGenericException’, reason: ‘UIPopoverPresentationController (<_UIAlertControllerActionSheetRegularPresentationController: 0x7fc619588110>) should have a non-nil sourceView or barButtonItem set before the presentation occurs.’

就如我們之前所說,在常規寬度的設備上,上拉菜單是以彈出框的形式展現。彈出框必須要有一個能夠作為源視圖或者欄按鈕項目的描點(anchor point)。由於在本例中我們是使用了常規的UIButton來觸發上拉菜單的,因此我們就將其作為描點。

在iOS 8中我們不再需要小心翼翼地計算出彈出框的大小,UIAlertController將會根據設備大小自適應彈出框的大小。並且在iPhone或者緊縮寬度的設備中它將會返回nil值。配置該彈出框的代碼如下:

UIPopoverPresentationController *popover = alertController.popoverPresentationController;
if (popover){
    popover.sourceView = sender;
    popover.sourceRect = sender.bounds;
    popover.permittedArrowDirections = UIPopoverArrowDirectionAny;
}

iPad上的上拉菜單效果,

  • iPad上的上拉菜單效果,

UIPopoverPresentationController類同樣也是在iOS 8中新出現的類,用來替換UIPopoverController的。這個時候上拉菜單是以一個固定在源按鈕上的彈出框的形式顯示的。

要註意UIAlertController在使用彈出框的時候自動移除了取消按鈕。用戶通過點擊彈出框的外圍部分來實現取消操作,因此取消按鈕便不再必需。

  • 釋放對話框控制器

通常情況下,當用戶選中一個動作後對話框控制器將會自行釋放。不過您仍然可以在需要的時候以編程方式釋放它,就像釋放其他視圖控制器一樣。您應當在應用程式轉至後臺運行時移除對話框或者上拉菜單。假定我們正在監聽UIApplicationDidEnterBackgroundNotification通知消息,我們可以在observer中釋放任何顯示出來的視圖控制器。(參考在viewDidLoad方法中設立observer的示例代碼)。

- (void)didEnterBackground:(NSNotification *)notification
{
  [[NSNotificationCenter defaultCenter] removeObserver:self name:UITextFieldTextDidChangeNotification object:nil];
  [self.presentedViewController dismissViewControllerAnimated:NO completion:nil];
}
註意,要保證運行安全我們同樣要確保移除所有的文本框observer。

本文的代碼可以在我的Github主頁上找到,包括了AlertController - ObjC以及AlertController - swift


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 關於C基礎開發框架零件寫的差不多了,這裡再添加一個csv文件解析庫. 後面有機會 再融進去跨平臺的網路開發庫.和更加方便的圖形庫.
  • 本節目錄 介紹 DataAnnotations ICustomValidate IShouldNormalize 實現Abp Validation 介紹 Abp中在Application層集成了validation. 直接上代碼吧. DataAnnotations 這是微軟提供的一套驗證框架,只用引
  • Atitit atiMail atiDns新特性 v2 q39 V1 實現了基礎的功能 V2 重構..使用自然語言的方式 c.According_to_the_domain_name("chinanetcenter.com").query_MX_records().outputAsJson().pr
  • UI設計+原型 html5+css3 bootstrap+ionic javascript【對象、數組、函數、字元串、閉包、原型鏈、對象封裝、ajax、事件、DOM、BOM、正則、設計模式】 jquery【五大模塊:選擇器、文檔操作、動畫、ajax、事件】+zepto requireJS【模塊化】 ...
  • 本節目錄 原理介紹 Abp源碼分析 代碼實現 原理介紹 事件匯流排大致原理: (1) 在事件匯流排內部維護著一個事件與事件處理程式相映射的字典。 (2) 利用反射,事件匯流排會將實現了IEventHandler的處理程式與相應事件關聯到一起,相當於實現了事件處理程式對事件的訂閱。 (3) 當發佈事件時,事
  • 本節目錄 Abp介紹 Abp源碼分析 代碼實現 Abp介紹 學習了一段時間的Abp,領略了一下前輩的架構.總結還是SOLID,降低耦合性. 雖然從架構上說甚至不依賴於DI框架,但實際上在基礎框架中還是有一定的必須依賴Castle Windsor. Abp依靠IOC和AOP實現了大量的自動化. 其中M
  • UINavigationController導航控制器,是多個界面間跳轉的重要元素,可以理解為它存儲著多個viewController,它的存儲結構是棧,棧的特點是先進後出,所以添加視圖控制器時,要特別註意。 UINavigationController有幾個常用的方法: 1:[UINavigati
  • {x:Bind} 綁定(通常指已編譯的綁定)具有出色的性能、提供編譯時對綁定表達式的驗證,並支持通過允許你在作為頁面的部分類生成的代碼文件中設置斷點進行調試。可以在 obj文件夾中找到這些文件,其名稱類似於(適用於 C#)
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...