UIPickerView选择控件实现选择轮播效果(转轮效果)

UIPickerView为用户提供了选择器功能,使用户以更好的体验方式实现数据的选择,如图:

UIPickerView控件的使用方法:(创建好根视图:MainViewController)

 1 #import <UIKit/UIKit.h>
 2
 3 @interface MainViewController : UIViewController<UIPickerViewDelegate>
 4 {
 5     UIPickerView *pickerView;
 6     UILabel *contentview;
 7     NSArray *content;  // 星座;
 8 }
 9
10 @end  

实现部分:

 1 - (void)viewDidLoad
 2 {
 3     [super viewDidLoad];
 4     // Do any additional setup after loading the view.
 5 }
 6 -(void)loadView
 7 {
 8     UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 460)];
 9     self.view = view;
10     view.backgroundColor = [UIColor yellowColor];
11     [view release];
12     // 初始化数据, 这些数据将显示在picker中
13     content = [[NSArray alloc] initWithObjects:@"水瓶座", @"双鱼座", @"白羊座        ", @"金牛座", @"双子座", @"巨蟹座", @"狮子座", @"处女座", @"天秤座", @"天蝎座", @"射手座", @"白羊座",nil];
14     // 设置选择器
15     pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 150, 320, 216)];
16     // 设置代理
17     pickerView.delegate = self;
18     pickerView.showsSelectionIndicator = YES;
19     [self.view addSubview:pickerView];
20     contentview = [[UILabel alloc] initWithFrame:CGRectMake(80, 80, 100, 40)];
21     contentview.backgroundColor = [UIColor clearColor];
22     [self.view addSubview:contentview];
23 }
24 #pragma mark--处理方法
25 // 返回显示的数列
26 - (NSInteger)numberOfRowsInComponent:(NSInteger)component
27 {
28     return 1;
29 }
30 // 返回当前列显示的行数
31 - (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
32 {
33     return [content count];
34 }
35 // 设置当前的内容,如果行没有显示则自动释放
36 - (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
37 {
38     return [content objectAtIndex:row];
39 }
40 - (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
41 {
42 //    NSString *result = [pickerView pickView:pickerView titleForRow:row forComponent:component];
43
44     NSString *result = nil;
45     result = [content objectAtIndex:row];
46     NSLog(@"result:%@", result);
47     contentview.text = result;
48     [result release];
49 }
50 - (void)didReceiveMemoryWarning
51 {
52     [super didReceiveMemoryWarning];
53     // Dispose of any resources that can be recreated.
54 }  
时间: 2024-12-10 16:08:26

UIPickerView选择控件实现选择轮播效果(转轮效果)的相关文章

【转】 iOS开发UI篇—UIScrollView控件实现图片轮播

原文:http://www.cnblogs.com/wendingding/p/3763527.html iOS开发UI篇—UIScrollView控件实现图片轮播 一.实现效果 实现图片的自动轮播            二.实现代码 storyboard中布局 代码: 1 #import "YYViewController.h" 2 3 @interface YYViewController () <UIScrollViewDelegate> 4 @property (w

android中选择控件与选择界面自然过度效果的实现--一种新的交互设计

转载请标明出处: http://blog.csdn.net/jianghejie123/article/details/40648931 在安卓中经常遇到须要选择一个东西的功能,比方选择日期.选择文件,选择地点等,通常我们的做法是使用选择对话框.比方选择日期用datepicker,有时候也使用activity,可是这两种方式都有一个缺点,就是用户非常明显的感觉到了界面之间的切换. 有时候.以下这样的选择数据的交互方式应该会更好些: 事实上上面的app效果来自与CapitaineTrain应用,好

iOS开发UI篇—UIScrollView控件实现图片轮播

一.实现效果 实现图片的自动轮播            二.实现代码 storyboard中布局 代码: 1 #import "YYViewController.h" 2 3 @interface YYViewController () <UIScrollViewDelegate> 4 @property (weak, nonatomic) IBOutlet UIScrollView *scrollview; 5 /** 6 * 页码 7 */ 8 @property (w

iOS UI-UIScrollView控件实现图片轮播 (UIPageControl-分页指示器)

一.实现效果 实现图片的自动轮播            二.实现代码 storyboard中布局 代码: 1 #import "ViewController.h" 2 #define HMImageCount 5 3 @interface ViewController ()<UIScrollViewDelegate> 4 @property (weak, nonatomic) IBOutlet UIScrollView *scrollView; 5 @property (w

Swift基础 - - StoryBoard间切换与UIScrollView控件实现图片轮播

界面切换 在项目中可以把耦合度比较高的界面放在通过一个StoryBoard中,可以按照功能使用多个StoryBoard搭建界面,这样便于项目维护以及多人开发,对于多个StoryBoard间切换,可以使用以下代码: @IBAction func ChangeOne(sender: UIButton) { var oneStoryBoard:UIStoryboard = UIStoryboard(name: "One", bundle: NSBundle.mainBundle()) let

控制控件(滑杆,分段选择控件,开关按钮)

// //  ViewController.m //  UI-NO-9 // //  Created by Bruce on 15/7/23. //  Copyright (c) 2015年 Bruce. All rights reserved. //   #import "ViewController.h"   @interface ViewController () {     UIView *bgView;     UIImageView *animationView; } @e

数据选择控件

UIDatePicker——方便用户选择日期 作用:方便用户的日期选择,并保证日期格式正确 1. 初始化 // 初始化日期控件,不用设置宽高,因为它的宽高是固定的 UIDatePicker *datePicker = [[UIDatePicker alloc]init]; 2. 常用设置 // 设置日期控件区域为简体中文 [datePicker setLocale:[[NSLocale alloc]initWithLocaleIdentifier:@"zh_Hans_CN"]]; //

用c/c++混合编程方式为ios/android实现一个自绘日期选择控件(一)

本文为原创,如有转载,请注明出处:http://www.cnblogs.com/jackybu 前言 章节: 1.需求描述以及c/c++实现日期和月历的基本操作 2.ios实现自绘日期选择控件 3.android实现自绘日期选择控件 目的: 通过一个相对复杂的自定义自绘控件来分享: 1.ios以及android自定义自绘控件的开发流程 2.objc与c/c++混合编程 3.android ndk的环境配置,android studio ndk的编译模式,swig在android ndk开发中的作

js组件开发-移动端地区选择控件mobile-select-area

移动端地区选择控件mobile-select-area 由于之前的[js开源组件开发]js手机联动选择地区仿ios 开源git 很受欢迎,于是我又对其进行了一些优化,包括可选的范围变大了,添加了默认空首地址的功能,也添加了更多api参数,首先我们先来看下这次的效果图. 它的github地址请点击https://github.com/tianxiangbing/mobile-select-area 它的demo演示请点击 http://www.lovewebgames.com/jsmodule/m