iOS中UIAlertView警告框組件的使用教程_IOS

來源:互聯網
上載者:User

1. 最簡單的用法
初始化方法:

複製代碼 代碼如下:

- (instancetype)initWithTitle:(NSString *)title message:(NSString *)message delegate:(id /*<UIAlertViewDelegate>*/)delegate cancelButtonTitle:(NSString *)cancelButtonTitle otherButtonTitles:(NSString *)otherButtonTitles, ...;

這個方法通過設定一個標題,內容,代理和一些按鈕的標題建立警告框,程式碼範例如下:
    UIAlertView * alert = [[UIAlertView alloc]initWithTitle:@"我的警告框" message:@"這是一個警告框" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"確定", nil];
    [alert show];
效果如下:

注意:如果按鈕數超過兩個,將會建立成如下樣子:

如果按鈕數量超出螢幕顯示範圍,則會建立類似tableView的效果。

2. 為UIAlertView添加多個按鈕

複製代碼 代碼如下:

UIAlertView*alert = [[UIAlertView alloc]initWithTitle:@"提示"

                                                  message:@"請選擇一個按鈕:"

                                                  delegate:nil  

                                                  cancelButtonTitle:@"取消"

                                                  otherButtonTitles:@"按鈕一", @"按鈕二", @"按鈕三",nil]; 

[alert show]; 

[alert release];

3. 如何判斷使用者點擊的按鈕
UIAlertView有一個委託(代理)UIAlertViewDelegate ,繼承該委託來實現點擊事件

 標頭檔:

複製代碼 代碼如下:

@interface MyAlertViewViewController : UIViewController {

}

(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex;
-(IBAction) buttonPressed;

@end


源檔案:
複製代碼 代碼如下:

-(IBAction) buttonPressed

{

UIAlertView*alert = [[UIAlertView alloc]initWithTitle:@"提示"

                                                 message:@"請選擇一個按鈕:"

                                                 delegate:self  

                                                 cancelButtonTitle:@"取消"

                                                 otherButtonTitles:@"按鈕一", @"按鈕二", @"按鈕三",nil]; 

[alert show]; 

[alert release];

}

(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex
{

NSString* msg = [[NSString alloc] initWithFormat:@"您按下的第%d個按鈕!",buttonIndex];

UIAlertView* alert = [[UIAlertView alloc]initWithTitle:@"提示"

                                                 message:msg

                                                 delegate:nil

                                                 cancelButtonTitle:@"確定"

                                                 otherButtonTitles:nil];

[alert show];

[alert release];

[msg release];

}


點擊“取消”,“按鈕一”,“按鈕二”,“按鈕三”的索引buttonIndex分別是0,1,2,3

4. 手動的取消對話方塊

複製代碼 代碼如下:

[alertdismissWithClickedButtonIndex:0 animated:YES];

5. 為UIAlertView添加子視圖
在為UIAlertView對象太添加子視圖的過程中,有點是需要注意的地方,如果刪除按鈕,也就是取消UIAlerView視圖中所有的按鈕的時候,可能會導致整個顯示結構失衡。按鈕佔用的空間不會消失,我們也可以理解為這些按鈕沒有真正的刪除,僅僅是他不可見了而已。如果在UIAlertview對象中僅僅用來顯示文本,那麼,可以在訊息的開頭添加分行符號(@"\n)有助於平衡按鈕底部和頂部的空間。

下面的代碼用來示範如何為UIAlertview對象添加子視圖的方法。

複製代碼 代碼如下:

UIAlertView*alert = [[UIAlertView alloc]initWithTitle:@"請等待"

                                                 message:nil

                                                 delegate:nil  

                                                 cancelButtonTitle:nil

                                                 otherButtonTitles:nil]; 

[alert show];

UIActivityIndicatorView*activeView = [[UIActivityIndicatorView alloc]initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];

activeView.center = CGPointMake(alert.bounds.size.width/2.0f, alert.bounds.size.height-40.0f); 

[activeView startAnimating]; 

[alert addSubview:activeView]; 

[activeView release]; 

[alert release]; 

6. 其他 
UIAlertView預設情況下所有的text是置中對齊的。 那如果需要將文本向靠左對齊或者添加其他控制項比如輸入框時該怎麼辦呢? 不用擔心, iPhone SDK還是很靈活的, 有很多delegate訊息供調用程式使用。 所要做的就是在

複製代碼 代碼如下:

(void)willPresentAlertView:(UIAlertView *)alertView

中按照自己的需要修改或添加即可, 比如需要將訊息文本靠左對齊,下面的代碼即可實現:
複製代碼 代碼如下:

-(void) willPresentAlertView:(UIAlertView *)alertView

{

      for( UIView * view in alertView.subviews )

      {

            if( [view isKindOfClass:[UILabel class]] )

            {

                  UILabel* label = (UILabel*) view;

                  label.textAlignment=UITextAlignmentLeft;

            }

      }

}


 這段代碼很簡單, 就是在訊息框即將彈出時,遍曆所有訊息框對象,將其文本對齊屬性修改為 UITextAlignmentLeft即可。

添加其他組件也如出一轍, 如下代碼添加兩個UITextField:

複製代碼 代碼如下:

-(void) willPresentAlertView:(UIAlertView *)alertView

{

      CGRect frame = alertView.frame;

      frame.origin.y -= 120;

      frame.size.height += 80;

      alertView.frame = frame;

      for( UIView * viewin alertView.subviews )

      {

            if( ![viewisKindOfClass:[UILabelclass]] )

            {

                  CGRect btnFrame = view.frame;

                  btnFrame.origin.y += 70;

                  view.frame = btnFrame;

            }

}

UITextField* accoutName = [[UITextFieldalloc] init];

UITextField* accoutPassword = [[UITextFieldalloc] init];

accoutName.frame = CGRectMake( 10, frame.origin.y + 40,frame.size.width - 20, 30 );

accoutPassword.frame = CGRectMake( 10, frame.origin.y + 80,frame.size.width -20, 30 );

accoutName.placeholder = @"請輸入帳號";

accoutPassword.placeholder = @"請輸入密碼";

accoutPassword.secureTextEntry = YES;

[alertView addSubview:accoutPassword];

[alertView addSubview:accoutName];

[accoutName release];

[accoutPassword release];

}


顯示將訊息框固有的button和label移位, 不然添加的text field會將其遮蓋住。 然後添加需要的組件到相應的位置即可。

對於UIActionSheet其實也是一樣的, 在

複製代碼 代碼如下:

(void)willPresentActionSheet:(UIActionSheet *)actionSheet

中做同樣的處理一樣可以得到自己想要的介面。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.