以下为控制器代码,主要用到的是UIPickerView
主要步骤:新建一个Single View Application
然后,如上图所示,拖进去一个UILabel Title设置为导航,再拖进去一个UILabel,用于显示效果,最后拖进去一个UIPickerView,设置好代理和dataSource,这应该都会。往后就是在代码中实现效果。代码注释很详细,看看都会懂,然后结合API,就可以举一反三了。自己也是慢慢学习的,然后自己练得。嘿嘿多多学习。加油!!!
#import <UIKit/UIKit.h>
@interface sdsViewController : UIViewController<UIPickerViewDelegate,UIPickerViewDataSource>
//这是显示效果的label
@property (retain, nonatomic) IBOutlet UILabel *textLabel;
//字体大小数组
@property(nonatomic,retain) NSArray *fontArray;
//字体颜色数组
@property(nonatomic,retain) NSArray *colorArray;
//字体大小数组
@property (nonatomic, retain)NSArray *sizeArray;
@end
//
// sdsViewController.m
// UIPickerView
//
// Created by Ibokan on 12-8-18.
// Copyright (c) 2012年 __MyCompanyName__. All rights reserved.
//
#import "sdsViewController.h"
@implementation sdsViewController
@synthesize textLabel;
@synthesize fontArray;
@synthesize colorArray;
@synthesize sizeArray;
- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Release any cached data, images, etc that aren't in use.
}
#pragma mark - View lifecycle
- (void)viewDidLoad
{
[super viewDidLoad];
//设置所有字体
self.fontArray=[UIFont familyNames];
//设置字体大小数组
self.sizeArray=[NSArray arrayWithObjects:@"12",@"16",@"20",@"24",@"30",@"35",@"40",nil];
//设置颜色数组
self.colorArray=[NSArray arrayWithObjects:[UIColor redColor],[UIColor blueColor],[UIColor clearColor],[UIColor yellowColor],[UIColor brownColor], [UIColor blackColor],[UIColor purpleColor],[UIColor orangeColor],[UIColor darkGrayColor],[UIColor magentaColor],[UIColor darkTextColor],[UIColor brownColor],[UIColor lightGrayColor],nil];
// Do any additional setup after loading the view, typically from a nib.
}
- (void)viewDidUnload
{
//重新指向
[self setTextLabel:nil];
self.colorArray=nil;
self.fontArray=nil;
self.sizeArray=nil;
[super viewDidUnload];
// Release any retained subviews of the main view.
// e.g. self.myOutlet = nil;
}
- (void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
}
- (void)viewDidAppear:(BOOL)animated
{
[super viewDidAppear:animated];
}
- (void)viewWillDisappear:(BOOL)animated
{
[super viewWillDisappear:animated];
}
- (void)viewDidDisappear:(BOOL)animated
{
[super viewDidDisappear:animated];
}
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
// Return YES for supported orientations
return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
}
- (void)dealloc {
//销毁对象
[textLabel release];
[fontArray release];
[colorArray release];
[sizeArray release];
[super dealloc];
}
#pragma mark -
#pragma mark UIPickerViewDelegate UIPickerViewDataSource
//以下是适配器部分,即数据源
//返回有几列
-(NSInteger) numberOfComponentsInPickerView:(UIPickerView *)pickerView{
NSLog(@"调用%s ,%d",__FUNCTION__,__LINE__);
//返回有几列 ,注意
return 3;
}
//返回指定列的行数
- (NSInteger) pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{
NSLog(@"调用%s ,%d",__FUNCTION__,__LINE__);
if (component==0) {
return [self.fontArray count];
} else if(component==1){
return [self.colorArray count];
}
else if(component==2){
return [self.sizeArray count];
}
return 0;
}
//以下是代理部分,可以自定义视图
//返回指定列,行的高度,就是自定义行的高度
- (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component{
NSLog(@"调用%s ,%d",__FUNCTION__,__LINE__);
return 40;
}
//返回指定列的宽度
- (CGFloat) pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component{
NSLog(@"调用%s ,%d",__FUNCTION__,__LINE__);
if (component==0) {
//第0列,宽为180
return 180;
} else if(component==1){
//第1列,宽为80
return 80;
}
else{
//第三列宽为60
return 60;
}
}
// 自定义指定列的每行的视图,即指定列的每行的视图行为一致
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{
NSLog(@"调用%s ,%d",__FUNCTION__,__LINE__);
//思想就是:先创建一个View以指定列的宽度,和所在列行的高度,为尺寸
//再建立一个label,在这个view上显示字体,字体颜色,字体大小,然后,把这个label添加到view中
//返回view,作为指定列的每行的视图
//取得指定列的宽度
CGFloat width=[self pickerView:pickerView widthForComponent:component];
//取得指定列,行的高度
CGFloat height=[self pickerView:pickerView rowHeightForComponent:component];
//定义一个视图
UIView *myView=[[UIView alloc] init];
//指定视图frame
myView.frame=CGRectMake(0, 0, width, height);
UILabel *labelOnComponent=[[UILabel alloc] init];
labelOnComponent.frame=myView.frame;
labelOnComponent.tag=200;
if (component==0) {
//如果是第0列
//以行为索引,取得字体
UIFont *font=[self.fontArray objectAtIndex:row];
//在label上显示改字体
labelOnComponent.text=[NSString stringWithFormat:@"%@",font];
}
else if(component==1){
//如果是第1列
//以说选择行为索引,取得颜色数组中的颜色,并把label的背景色设为该颜色
labelOnComponent.backgroundColor=[self.colorArray objectAtIndex:row];
}
else if(component==2){
//如果是第2列
//label 上显示的是相应字体
labelOnComponent.text=[self.sizeArray objectAtIndex:row];
}
[myView addSubview:labelOnComponent];
//内存管理,建立后释放
[labelOnComponent release];
[myView autorelease];
return myView;
}
- (void)pickerView:(UIPickerView *)pickerView
didSelectRow:(NSInteger)row
inComponent:(NSInteger)component
{
//取得选择的是第0列的哪一行
int rowOfFontComponent = [pickerView selectedRowInComponent:0];
//取得选择的是第1列的哪一行
int rowOfColorComponent = [pickerView selectedRowInComponent:1];
//取得选择的是第2列的哪一行
int rowOfSizeComponent = [pickerView selectedRowInComponent:2];
//取得所选列所选行的视图
UIView *ViewOfFontComponent = (UILabel *)[pickerView viewForRow:rowOfFontComponent forComponent:0];
UIView *ViewOfColorComponent =(UILabel *) [pickerView viewForRow:rowOfColorComponent forComponent:1];
UIView *ViewOfSizeComponent = (UILabel *)[pickerView viewForRow:rowOfSizeComponent forComponent:2];
//取得取得所选行所选列上的视图的子视图
UILabel *viewOnViewofFontComponent=(UILabel *)[ViewOfFontComponent viewWithTag:200];
UILabel *viewOnViewOfColorComponent=(UILabel *)[ViewOfColorComponent viewWithTag:200];
UILabel *viewOnViewOfSizeComponent=(UILabel *)[ViewOfSizeComponent viewWithTag:200];
//最后将所选择的结果展现在label上,即字体样式,字体颜色,字体大小
self.textLabel.font=[UIFont fontWithName:viewOnViewofFontComponent.text size:[viewOnViewOfSizeComponent.text floatValue]];
self.textLabel.textColor=viewOnViewOfColorComponent.backgroundColor;
}
@end
效果图: