ios之UIPickView

以下为控制器代码,主要用到的是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

 

效果图:

 

 

原文地址:https://www.cnblogs.com/yulang314/p/3550387.html