iOS/iPhone Dialog Popup and Optional Item - UIAlertView (Objective-C,iPhone) |
iOS/iPhone Dialog Popup and Optional Item - UIAlertView (Objective-C,iPhone,iPad) บทความนี้จะเป็นการเขียนโปรแกรมบน iOS เพื่อแสดง Dialog Popup ด้วย UIAlertView โดยใน Popup จะแสดงรายการให้เลือก ซึ่งประกอบด้วยหลาย Optional Item และการแสดงรายการ Item ที่ได้เลือกไว้
Dialog Popup and Optional Item
ในการสร้าง Item Optional สามารถสร้างง่าย ๆ ด้วย Class ของ UIAlertView โดยการเพิ่มที่ Property ของ otherButtonTitles เช่น otherButtonTitles:@"Item1",@"Item1",.... ตามตัวอย่าง
UIAlertView *alert = [[UIAlertView alloc]
initWithTitle:@"Please Select Item!"
message:@"This is" delegate:self
cancelButtonTitle:@"OK"
otherButtonTitles:@"Item1",@"Item1",@"Item3",@"Item4", nil];
[alert show];
การแสดงรายการที่เลือก
-(void) alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{
if(buttonIndex == 1){
lblResult.text = @"Your selected Item1";
}else if(buttonIndex == 2)
{
lblResult.text = @"Your selected Item2";
}else if(buttonIndex == 3)
{
lblResult.text = @"Your selected Item3";
}else if(buttonIndex == 4)
{
lblResult.text = @"Your selected Item4";
}
}
ทดสอบจริงบน Xcode กับ iPhone
![iOS/iPhone Dialog Popup and Optional Item iOS/iPhone Dialog Popup and Optional Item](https://www.thaicreate.com/upload/tutorial/ios-iphone-ipad-dialog-item-optional-01.jpg?v=1001)
สร้าง Project ง่าย ๆ ด้วย Single View Application
![iOS/iPhone Dialog Popup and Optional Item iOS/iPhone Dialog Popup and Optional Item](https://www.thaicreate.com/upload/tutorial/ios-iphone-ipad-dialog-item-optional-02.jpg?v=1001)
กำหนดชื่อ Project และเลือกรายการดังรูป
![iOS/iPhone Dialog Popup and Optional Item iOS/iPhone Dialog Popup and Optional Item](https://www.thaicreate.com/upload/tutorial/ios-iphone-ipad-dialog-item-optional-03.jpg?v=1001)
ออกแบบหน้าจอ Interface ดังรูป โดยทำการเชื่อม IBOutlet และ IBAction ให้เรียบร้อยด้วย
สำหรับ Code ของ .h และ .m
ViewController.h
//
// ViewController.h
//
// Created by Weerachai on 10/27/55 BE.
// Copyright (c) 2555 Weerachai. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController
{
IBOutlet UILabel *lblResult;
}
- (IBAction)btnAlertView:(id)sender;
@end
ViewController.m
//
// ViewController.m
//
// Created by Weerachai on 10/27/55 BE.
// Copyright (c) 2555 Weerachai. All rights reserved.
//
#import "ViewController.h"
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}
- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
- (void)dealloc {
[lblResult release];
[super dealloc];
}
- (IBAction)btnAlertView:(id)sender {
UIAlertView *alert = [[UIAlertView alloc]
initWithTitle:@"Please Select Item!"
message:@"This is" delegate:self
cancelButtonTitle:@"OK"
otherButtonTitles:@"Item1",@"Item1",@"Item3",@"Item4", nil];
[alert show];
}
-(void) alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{
if(buttonIndex == 1){
lblResult.text = @"Your selected Item1";
}else if(buttonIndex == 2)
{
lblResult.text = @"Your selected Item2";
}else if(buttonIndex == 3)
{
lblResult.text = @"Your selected Item3";
}else if(buttonIndex == 4)
{
lblResult.text = @"Your selected Item4";
}
}
@end
Screenshot
![iOS/iPhone Dialog Popup and Optional Item iOS/iPhone Dialog Popup and Optional Item](https://www.thaicreate.com/upload/tutorial/ios-iphone-ipad-dialog-item-optional-04.jpg?v=1001)
คลิกที่ Popup เพื่อเปิด Dialog
![iOS/iPhone Dialog Popup and Optional Item iOS/iPhone Dialog Popup and Optional Item](https://www.thaicreate.com/upload/tutorial/ios-iphone-ipad-dialog-item-optional-05.jpg?v=1001)
แสดงรายการ Dialog ซึ่งจะมีให้เลือกหลาย Item
![iOS/iPhone Dialog Popup and Optional Item iOS/iPhone Dialog Popup and Optional Item](https://www.thaicreate.com/upload/tutorial/ios-iphone-ipad-dialog-item-optional-06.jpg?v=1001)
แสดงรายการที่เลือก
|
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
|
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
|
Score Rating : |
![](/images/resource/startrue.gif) ![](/images/resource/startrue.gif) |
|
|
Create/Update Date : |
2012-10-29 15:14:22 /
2017-03-25 22:42:57 |
|
Download : |
|
|
Sponsored Links / Related |
|
|
|
|
|
|
|