iOS App 에서 UIPickerView 선택 표시 줄 컨트롤 의 인 스 턴 스 분석 사용
UIPickerView 컨트롤 의 용법 은 UIDatePicker 보다 좀 복잡 합 니 다.본 논문 의 작은 예 는 UIPickerView 컨트롤 로 두 가지 효 과 를 낼 것 이다.첫 번 째 는 하나의 룰렛 만 있 고 두 번 째 는 두 개의 룰렛 이 있 지만 이 두 개의 룰렛 간 에는 의존 관계 가 없다.즉,그 중의 한 룰렛 중의 선택 을 바 꾸 면 두 번 째 룰렛 에 영향 을 주지 않 는 다 는 것 이다.다음 글 은 룰렛 사이 에 의존 관계 가 있 는 예 를 들 것 이다.
다음 그림 은 우리 의 효과 그림 입 니 다.
첫 번 째 UIPickerView 컨트롤 은 말,Sheep,Pig,Dog,Cat,Chicken,Duck,Goose 를 선택 할 수 있 습 니 다.두 번 째 UIPickerView 는 첫 번 째 에 돌 림 판 을 추가 했다.
잡담 은 그만 하고,이어서 시작 하 자.
1.Xcode 를 실행 하고 단일 View 애플 리 케 이 션 을 새로 만 듭 니 다.이름 은 UIPickerView Test 1 이 고 다른 설정 은 다음 그림 과 같 습 니 다.
2.View Controller.xib 를 누 른 다음 Picker View 컨트롤 을 보기 로 끌 어 옵 니 다.
그리고 버튼 을 Picker View 아래로 끌 고 이름 을 Select 로 변경 합 니 다.
3.ViewController.h 에서 Picker View 컨트롤 에 Outlet 맵 을 만 들 고 이름 은 my PickerView 이 며 Select 단 추 를 위해 Action 맵 을 만 듭 니 다.이름 은 buttonPressed 입 니 다.구체 적 인 방법 은 말 하지 않 고 이전 글 을 참조 할 수 있 습 니 다.
4.Picker View 컨트롤 을 선택 하고 Connections Inspector 를 열 어 delegate 와 datasource 를 찾 습 니 다.오른쪽 동그라미 에서 File's Owner 까지:
5.ViewController.h 를 누 르 면 코드 를 추가 합 니 다.
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController<UIPickerViewDelegate, UIPickerViewDataSource>
@property (weak, nonatomic) IBOutlet UIPickerView *myPickerView;
@property (strong, nonatomic) NSArray *myPickerData;
- (IBAction)buttonPressed:(id)sender;
@end
6.코드 추가:
6.1 ViewController.m 를 누 르 면@implementation 의 다음 줄 에 코드 를 추가 합 니 다.
@synthesize myPickerData;
- (IBAction)buttonPressed:(id)sender {
NSInteger row = [myPickerView selectedRowInComponent:0];
NSString *selected = [myPickerData objectAtIndex:row];
NSString *msg = [[NSString alloc] initWithFormat:
@"You selected %@!", selected];
UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Hello!"
message:msg
delegate:nil
cancelButtonTitle:@"Yes, I Did."
otherButtonTitles:nil];
[alert show];
}
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
NSArray *array = [[NSArray alloc] initWithObjects:@"Horse", @"Sheep", @"Pig", @"Dog", @"Cat", @"Chicken", @"Duck", @"Goose", nil];
self.myPickerData = array;
}
- (void)viewDidUnload
{
[self setMyPickerView:nil];
[super viewDidUnload];
// Release any retained subviews of the main view.
// e.g. self.myOutlet = nil;
self.myPickerView = nil;
self.myPickerData = nil;
}
#pragma mark -
#pragma mark Picker Data Source Methods
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
return 1;
}
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
return [myPickerData count];
}
#pragma mark Picker Delegate Methods
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {
return [myPickerData objectAtIndex:row];
}
위의 예 는 하나의 돌 림 판 만 있 습 니 다.그 다음 에 우 리 는 이 를 바탕 으로 돌 림 판 을 추가 합 니 다.첫 번 째 돌 림 판 은 변 하지 않 습 니 다.두 번 째 돌 림 판 은 Tree,Flower,Grass,Fence,House,Table,Chair,Book,Swing 을 선택 할 수 있 습 니 다.코드 만 추가 하면 됩 니 다.
8.ViewController.h 를 누 르 고@interface 다음 줄 에 코드 를 추가 합 니 다.
@property (strong, nonatomic) NSArray *myPickerData_2;
9.1@implementation 의 다음 줄 에 코드 추가:
@synthesize myPickerData_2;
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
NSArray *array = [[NSArray alloc] initWithObjects:@"Horse", @"Sheep", @"Pig", @"Dog", @"Cat", @"Chicken", @"Duck", @"Goose", nil];
self.myPickerData = array;
NSArray *array_2 = [[NSArray alloc] initWithObjects:@"Tree", @"Flower", @"Grass", @"Fence", @"House", @"Table", @"Chair", @"Book",@"Swing" , nil];
self.myPickerData_2 = array_2;
}
- (void)viewDidUnload
{
[self setMyPickerView:nil];
[super viewDidUnload];
// Release any retained subviews of the main view.
// e.g. self.myOutlet = nil;
self.myPickerView = nil;
self.myPickerData = nil;
self.myPickerData_2 = nil;
}
- (IBAction)buttonPressed:(id)sender {
NSInteger row = [myPickerView selectedRowInComponent:0];
NSInteger row_2 = [myPickerView selectedRowInComponent:1];
NSString *selected = [myPickerData objectAtIndex:row];
NSString *selected_2 = [myPickerData_2 objectAtIndex:row_2];
NSString *msg = [[NSString alloc] initWithFormat:
@"You selected %@ and %@!", selected, selected_2];
UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Hello!"
message:msg
delegate:nil
cancelButtonTitle:@"Yes, I Did."
otherButtonTitles:nil];
[alert show];
}
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
return 2;
}
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
if (component == 0) {
return [myPickerData count];
}
return [myPickerData_2 count];
}
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {
if (component == 0) {
return [myPickerData objectAtIndex:row];
}
return [myPickerData_2 objectAtIndex:row];
}
진급 실례
다음은 UIPickerView 컨트롤 로 이러한 효 과 를 낼 것 입 니 다.두 개의 룰렛(Component)이 있 습 니 다.왼쪽 룰렛 이 선택 값 을 바 꾸 면 오른쪽 룰렛 의 모든 옵션 이 변 합 니 다.다음 그림 에서 보 듯 이:
이러한 효 과 를 얻 기 위해 서 는 NSArray 대상 두 개 를 만 들 고 룰렛 마다 하나씩 대응 해 야 합 니 다.NSDictionary 대상 을 만 듭 니 다.데 이 터 는 트 리 모양 이 라 고 상상 할 수 있 습 니 다.NSDictionary 는 두 열 이 있 는 표 로 볼 수 있 습 니 다.첫 번 째 열 은 키 워드 를 저장 하고 모든 키 워드 는 NSArray 대상 에 대응 합 니 다.이 NSArray 배열 에는 일련의 NSString 대상 이 저 장 됩 니 다.
이 예 에서 첫 번 째 로 저 장 된 것 은 일부 성 이 고 두 번 째 열 에 저 장 된 것 은 성에 대응 하 는 지급 시 이다.
사실 실현 하 는 방법 은 앞의 글 에서 차이 가 많 지 않 고 유일 하 게 다른 것 은 실현 하 는 것 이다.왼쪽 룰렛 의 옵션 을 바 꾸 고 오른쪽 룰렛 내용 에 해당 하 는 변화 가 발생 하 는 것 이다.이 기능 에 사용 할 함 수 는 우리 가 지난번 에 도 사용 했다.
이번에 우 리 는 먼저 사용 할 코드 를 다 쓴 다음 에 Interface Builder 로 컨트롤 을 만 들 고 맵 을 실현 합 니 다.
1.Xcode 4.2 를 실행 하고 Single View 애플 리 케 이 션 을 새로 만 듭 니 다.이름 은 UIPickerView Test 2 입 니 다.
2.데이터 생 성.우리 가 사용 한 데 이 터 는 다음 과 같다.
앞의 글 에서 plist 파일 을 언급 한 적 이 있 습 니 다.지금 은 plist 파일 로 이상 의 데 이 터 를 저장 해 야 합 니 다.이 를 위해 File―New―New File 을 선택 하고 열 린 창 에서 왼쪽 은 iOS 의 Resource 를 선택 하고 오른쪽 은 Property List 를 선택 하 십시오.
Next 를 누 르 면 열 린 창 에서 Save As 에 provinceCities 라 는 이름 을 입력 하고 Group 은 Supporting Files 를 선택 합 니 다.
Create 를 누 르 면 provinceCities.plist 를 만 듭 니 다.다음 그림 과 같이 데 이 터 를 추가 합 니 다.
3.ViewController.h 를 누 르 면 코드 를 추가 합 니 다.
#import <UIKit/UIKit.h>
#define kProvinceComponent 0
#define kCityComponent 1
@interface ViewController : UIViewController <UIPickerViewDelegate, UIPickerViewDataSource>
@property (strong, nonatomic) IBOutlet UIPickerView *picker;
@property (strong, nonatomic) NSDictionary *provinceCities;
@property (strong, nonatomic) NSArray *provinces;
@property (strong, nonatomic) NSArray *cities;
- (IBAction)buttonPressed;
@end
4.1@implementation 다음 줄 에 코드 추가:
@synthesize picker;
@synthesize provinceCities;
@synthesize provinces;
@synthesize cities;
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
NSBundle *bundle = [NSBundle mainBundle];
NSURL *plistURL = [bundle URLForResource:@"provinceCities" withExtension:@"plist"];
NSDictionary *dictionary = [NSDictionary dictionaryWithContentsOfURL:plistURL];
self.provinceCities = dictionary;
NSArray *components = [self.provinceCities allKeys];
NSArray *sorted = [components sortedArrayUsingSelector:@selector(compare:)];
self.provinces = sorted;
NSString *selectedState = [self.provinces objectAtIndex:0];
NSArray *array = [provinceCities objectForKey:selectedState];
self.cities = array;
}
NSBundle *bundle = [NSBundle mainBundle];
NSURL *plistURL = [bundle URLForResource:@"provinceCities" withExtension:@"plist"];
NSDictionary *dictionary = [NSDictionary dictionaryWithContentsOfURL:plistURL];
- (void)viewDidUnload
{
[super viewDidUnload];
// Release any retained subviews of the main view.
// e.g. self.myOutlet = nil;
self.picker = nil;
self.provinceCities = nil;
self.provinces = nil;
self.cities = nil;
}
- (IBAction)buttonPressed:(id)sender {
NSInteger provinceRow = [picker selectedRowInComponent:kProvinceComponent];
NSInteger cityRow = [picker selectedRowInComponent:kCityComponent];
NSString *province = [self.provinces objectAtIndex:provinceRow];
NSString *city = [self.cities objectAtIndex:cityRow];
NSString *title = [[NSString alloc] initWithFormat:@" %@.", city];
NSString *message = [[NSString alloc] initWithFormat:@"%@ %@", city, province];
UIAlertView *alert = [[UIAlertView alloc] initWithTitle:title message:message delegate:nil cancelButtonTitle:@" " otherButtonTitles: nil];
[alert show];
}
#pragma mark -
#pragma mark Picker Date Source Methods
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
return 2;
}
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
if (component == kProvinceComponent) {
return [self.provinces count];
}
return [self.cities count];
}
#pragma mark Picker Delegate Methods
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {
if (component == kProvinceComponent) {
return [self.provinces objectAtIndex:row];
}
return [self.cities objectAtIndex:row];
}
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
if (component == kProvinceComponent) {
NSString *selectedState = [self.provinces objectAtIndex:row];
NSArray *array = [provinceCities objectForKey:selectedState];
self.cities = array;
[picker selectRow:0 inComponent:kCityComponent animated:YES];
[picker reloadComponent:kCityComponent];
}
}
- (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component {
if (component == kCityComponent) {
return 150;
}
return 140;
}
마지막 방법
(CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component
코드 부분 이 끝 났 습 니 다.다음은 Interface Builder 를 사용 하여 컨트롤 을 추가 하고 맵 을 만 듭 니 다.
5.ViewController.xib 를 누 르 면 UIPickerView 컨트롤 과 버튼 을 추가 합 니 다.버튼 의 이름 은'선택'으로 바 뀌 고 구체 적 인 방법 은 앞의 것 을 참조 합 니 다.
다음 에 해 야 할 일 은 선 을 몇 개 당 기 는 것 이다.
6.새로 추 가 된 UIPickerView 컨트롤 을 선택 하고 Control 을 누 르 고 File's Owner 아이콘 으로 끌 고 팝 업 메뉴 에서 delegate 와 dataSource 를 선택 합 니 다.
Assistant Editor 를 열 어 ViewController.h 를 열 었 는 지 확인 한 다음 picker 속성 앞 에 있 는 작은 동그라미 에서 UIPickerView 컨트롤 까지 끌 어 올 립 니 다.
마찬가지 로 buttonPressed 방법 앞 에 있 는 작은 동그라미 에서'선택'버튼 까지.
7.실행:
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
View의 레이아웃 방법을 AutoLayout에서 따뜻한 손 계산으로 하면 성능이 9.26배로 된 이야기이 기사는 의 15 일째 기사입니다. 어제는 에서 이었습니다. 손 계산을 권하는 의도는 없고, 특수한 상황하에서 계측한 내용입니다 화면 높이의 10 배 정도의 contentView가있는 UIScrollView 레이아...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
