UIPickerView简单选择器的基本使用

//创建一个类,实现UIPickerView的基本功能

#import "PickerViewController.h"

//  遵守 UIPickerViewDataSource,UIPickerViewDelegate协议

@interface PickerViewController ()<UIPickerViewDataSource,UIPickerViewDelegate>

//  声明一个简单选择器

@property (nonatomic,strong) UIPickerView *picker;

//  picker第一列数据的数据源数组

@property (nonatomic,strong) NSMutableArray *firstList;

//  picker第二列数据的数据源数组

@property (nonatomic,strong) NSMutableArray *secondList;

//  用于显示简单选择器上选择的内容

@property (nonatomic,strong) UILabel *showLable;

//  picker选择完点击按钮用于更新lable上的数据

@property (nonatomic,strong) UIButton *button;

//  picker第一列选择的数据

@property (nonatomic,copy) NSString *firstStr;

//  picker第二列选择的数据

@property (nonatomic,copy) NSString *secondStr;

@end

@implementation PickerViewController

//  picker的懒加载,用于picker的初始化和设置

- (UIPickerView *)picker{

if (!_picker) {

self.picker = [[UIPickerView alloc] initWithFrame:CGRectMake(50, 100, self.view.bounds.size.width - 100, 40)];

_picker.shouldGroupAccessibilityChildren = YES;

_picker.delegate = self;

_picker.dataSource = self;

}

return _picker;

}

- (UIButton *)button{

if (!_button) {

self.button = [UIButton buttonWithType:UIButtonTypeCustom];

_button.frame = CGRectMake(150, 350, self.view.bounds.size.width - 300, 30);

[_button setTitle:@"确认" forState:UIControlStateNormal];

[_button addTarget:self action:@selector(handleButtonAction:) forControlEvents:UIControlEventTouchUpInside];

_button.backgroundColor = [UIColor cyanColor];

}

return _button;

}

- (void)handleButtonAction:(UIButton *)sender{

self.showLable.text = [NSString stringWithFormat:@"%@ %@",self.firstStr,self.secondStr];

}

//  显示picker的选择数据

- (UILabel *)showLable{

if (!_showLable) {

self.showLable = [[UILabel alloc] initWithFrame:CGRectMake(50, 300, self.view.bounds.size.width - 100, 40)];

_showLable.backgroundColor = [UIColor yellowColor];

_showLable.textAlignment = NSTextAlignmentCenter;

_showLable.text = @"1 1";

}

return _showLable;

}

//  数据源的设置

- (NSMutableArray *)firstList{

if (!_firstList) {

self.firstList = [NSMutableArray arrayWithObjects:@"1",@"2",@"3",@"4",@"5",@"6",@"7",@"8",@"9",@"10", nil];

}

return _firstList;

}

- (NSMutableArray *)secondList{

if (!_secondList) {

self.secondList = [NSMutableArray arrayWithObjects:@"1",@"2",@"3",@"4",@"5",@"6",@"7",@"8",@"9",@"10", nil];

}

return _secondList;

}

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view.

//  在view上添加控件

[self.view addSubview:self.picker];

[self.view addSubview:self.button];

[self.view addSubview:self.showLable];

//  给lable上的数据初始化

self.firstStr = @"1";

self.secondStr = @"1";

}

#pragma mark UIPickerViewDelegate

//pickerView的列数

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{

return 2;

}

//返回每一列元素的个数

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{

if (component == 0) {

return self.firstList.count;

}

return self.secondList.count;

}

//返回每一列的宽度

- (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component{

return 50;

}

//返回每一列中每行的元素

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component{

if (component == 0) {

return self.firstList[row];

} else {

return self.secondList[row];

}

}

//把数组中对应选择的行的字符串赋值字符串属性用于lable的显示

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component{

if (component == 0) {

self.firstStr = self.firstList[row];

} else {

self.secondStr = self.secondList[row];

}

}

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

/*

#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {

// Get the new view controller using [segue destinationViewController].

// Pass the selected object to the new view controller.

}

*/

@end

时间: 2024-10-13 18:34:30

UIPickerView简单选择器的基本使用的相关文章

iOS开发——高级UI之OC篇&amp;UIdatePicker&amp;UIPickerView简单使用

UIdatePicker&UIPickerView简单使用 /***********************************************************************************/ 一:UIdatePicker:(日期控件) 1.UIDatePicker什么时候用? 当用户选择日期的时候,一般弹出一个UIDatePicker给用户选择. 2.UIDatePickerios6和ios7/8的区别 下面看看使用封装的代码怎么去实现它: 因为这个比较简

css基础语法,简单选择器,文本样式2018/4/26

MDN-CSS 介绍 MDN-CSS如何工作 MDN-CSS 语法 MDN-选择器 MDN-简单选择器 MDN-属性选择器 MDN-基本文本和字体样式 color font-family font-style font-weight font-size text-align text-decoration text-indent line-height text-shadow 验证 今天代码部分其实比较简单,主要是多尝试,学习之后,回顾以下自己是否已经掌握以下概念: 什么是CSS,CSS是如何工

UIPickerView简单应用——省份/城市选择实现

UIPickerView的简单应用--省份/城市选择的实现 实现效果如图,左边为省份选择,右边选择省份对应的城市 数据plist形式如图 工程下载地址:工程下载 https://github.com/Nongchaozhe/UIPickerView-Province-city UIPickerView的实现重要还是两个代理协议中方法的实现 - (void)viewDidLoad { [super viewDidLoad]; [self loadData]; _pickView = [[UIPic

swift3.0 三级联动UIPickerView城市选择器

初学swift没几天,就试着自己写了一个城市选择器,纯swift代码. ViewController.swift文件中: // // ViewController.swift // swift demo - UIPickerView之城市选择器 // // Created by 柯其谱 on 17/3/11. // Copyright ? 2017年 柯其谱. All rights reserved. // import UIKit //MARK: View life cycle class V

UIdatePicker&amp;UIPickerView简单使用

/***********************************************************************************/ 一:UIdatePicker:(日期控件) 1.UIDatePicker什么时候用? 当用户选择日期的时候,一般弹出一个UIDatePicker给用户选择. 2.UIDatePickerios6和ios7/8的区别 下面看看使用封装的代码怎么去实现它: 因为这个比较简单,所以这里只是简单给出了封装之后UIDatePicker的

UIPickerView 简单操作和实际应用

1.UIPickerView 选择指示器控件 //选择器的初始化 UIPickerView * pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 50, self.view.bounds.size.width, 300)]; pickerView.dataSource = self; 数据源 pickerView.delegate = self;代理 //iOS7h后没有效果(是否显示指示器) pickerView.sh

js实现类似jquery基础功能 简单选择器/事件/属性

按钮样式定义 <style> .btn{display: inline-block;width: 100px;height: 20px;color: #fff;font-size: 12px;background-color: #0033dd;text-align: center;line-height: 20px;text-decoration: none;border:  5px #0000ff outset;} .btn-big-test{width: 300px;height: 85p

UIPickerView 简单小结

一.UIPickerView 1.UIPickerView的常见属性 // 数据源(用来告诉UIPickerView有多少列多少行) @property(nonatomic,assign) id<UIPickerViewDataSource> dataSource; // 代理(用来告诉UIPickerView每1列的每1行显示什么内容,监听UIPickerView的选择) @property(nonatomic,assign) id<UIPickerViewDelegate>  

jquery简单原则器(匹配除了指定选择器之外的元素 selector 表示选择器)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>简单选择器</title> &