iOS:步进UIStepper、滑动块UISlider、开关UISwitch的基本使用

简介:

步进UIStepper、滑动块UISlider:当它们作为事件,被触发时,它们的值会发生改变。正因为如此,触发该事件时,可以一张一张翻阅浏览图片,,,,

步进UIStepper:

@property(nonatomic) double minimumValue;                 // default 0. must be less than maximumValue

@property(nonatomic) double maximumValue;                // default 100. must be greater than minimumValue

@property(nonatomic) double stepValue;                         // default 1. must be greater than 0,每次步进的距离

复制代码
1 //滑动块触发事件(值value发生改变,范围mininum~maxnum)
2 - (IBAction)sliderValueChange:(UISlider *)sender
3 {
4     NSLog(@"%lf",sender.value);
5     //将滑动块的值取出并赋给步进,使得步进和滑动块事件状态相同
6     [self.stepper setValue:sender.value];
7 }
复制代码

 

滑动块UIStepper:

@property(nonatomic) float value;                                 // default 0.0. this value will be pinned to min/max

@property(nonatomic) float minimumValue;                   // default 0.0. the current value may change if outside new min value

@property(nonatomic) float maximumValue;       // default 1.0. the current value may change if outside new max value

复制代码
1 //步进触发事件(值value发生改变,范围mininum~maxnum,可以设置步进大小step值)
2 - (IBAction)stepperValueChange:(UIStepper *)sender
3 {
4     NSLog(@"%lf",sender.value);
5     //将步进的值取出并赋给滑动块,使得步进和滑动块事件状态相同
6     [self.slider setValue:sender.value];
7 }
复制代码

 

开关UISwitch:

@property(nonatomic,getter=isOn) BOOL on;                //有两种状态,开on或关off

1 //开关触发事件(状态state只有两种形式:on、off)
2 - (IBAction)switchValueChange:(UISwitch *)sender
3 {
4     NSLog(@"%@",sender.isOn?@"":@"");
5 }

 

 

   以下用步进和滑动块、开关做的一个图片浏览器

   源码如下:

复制代码
 1 //  ViewController.m
 2 //  02-图片浏览器
 3 //
 4 //  Created by ma c on 15/8/27.
 5 //  Copyright (c) 2015年 bjsxt. All rights reserved.
 6 //
 7 
 8 #import "ViewController.h"
 9 
10 @interface ViewController ()
11 @property (weak, nonatomic) IBOutlet UILabel *labelTitle;
12 @property (weak, nonatomic) IBOutlet UILabel *labelInfo;
13 @property (weak, nonatomic) IBOutlet UIImageView *imageView;
14 @property (weak, nonatomic) IBOutlet UIStepper *stepper;
15 @property (weak, nonatomic) IBOutlet UISlider *slider;
16 @property (strong,nonatomic) NSArray *imageInfos;
17 @property (assign,nonatomic) NSInteger index;//显示当前图片的索引
18 @property (assign,nonatomic) NSInteger total;//图片的个数
19 @end
20 
21 @implementation ViewController
22 - (IBAction)stepperValueChange:(UIStepper *)sender
23 {
24     [self.slider setValue:sender.value];
25     self.index = [self.stepper value];
26     [self setImageIndex:self.index];
27 }
28 - (IBAction)sliderValueChange:(UISlider *)sender
29 {
30     [self.stepper setValue:sender.value];
31     self.index = [self.slider value];
32     [self setImageIndex:self.index];
33 }
34 
35 - (void)viewDidLoad {
36     [super viewDidLoad];
37     //加载图片信息
38     NSString *path = [[NSBundle mainBundle] pathForResource:@"images" ofType:@"plist"];
39     self.imageInfos = [NSArray arrayWithContentsOfFile:path];
40     
41     
42     //初始化
43     self.total = [self.imageInfos count];
44     self.index = 0;
45     
46     self.stepper.minimumValue = 0;
47     self.stepper.maximumValue = self.total - 1;
48     self.stepper.value = 0;
49     self.stepper.stepValue = 1;
50     
51     self.slider.minimumValue = 0;
52     self.slider.maximumValue = self.total - 1;
53     self.slider.value = 0;
54     
55 
56     self.imageView.contentMode = UIViewContentModeScaleAspectFit;
57     [self setImageIndex:0];
58     
59 }
60 
61 -(void)setImageIndex:(NSUInteger)index
62 {
63     
64     //取出数组中的字典
65     NSDictionary *dicImage = self.imageInfos[index];
66     NSString *imageName = [dicImage objectForKey:@"icon"];
67     NSString *imageTitle = [dicImage objectForKey:@"title"];
68     
69     //设置显示的图片
70     self.imageView.image = [UIImage imageNamed:imageName];
71     
72     //设置显示的图片的标题
73     self.labelTitle.text = imageTitle;
74     
75     //设置当前信息:索引/总数
76     self.labelInfo.text = [NSString stringWithFormat:@"%ld/%ld",self.index+1,self.total];
77 }
78 
79 - (void)didReceiveMemoryWarning {
80     [super didReceiveMemoryWarning];
81     // Dispose of any resources that can be recreated.
82 }
83 
84 @end
复制代码

 

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!


本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/4764382.html,如需转载请自行联系原作者
目录
相关文章
|
JSON 小程序 Android开发
小程序列表左滑效果在IOS呈上下滑动影响样式
小程序列表左滑效果在IOS呈上下滑动影响样式
131 0
|
14天前
|
JavaScript 前端开发 iOS开发
ios样式开关按钮jQuery插件
ios样式开关按钮jQuery插件
39 7
|
7月前
|
Web App开发 移动开发 Android开发
解决IOS Safari浏览器H5页面上下滑动时卡顿、页面缺失的问题
解决IOS Safari浏览器H5页面上下滑动时卡顿、页面缺失的问题
|
7月前
|
Web App开发 前端开发 JavaScript
ios 系统滑动问题
ios 系统滑动问题
49 0
|
API iOS开发 Perl
iOS UISlider自定义渐变色滑杆
iOS UISlider自定义渐变色滑杆
iOS UISlider自定义渐变色滑杆
|
开发工具 iOS开发 git
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
220 0
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
|
iOS开发
iOS开发 - 滑动控制屏幕亮度和系统音量(附加AVAudioPlayer基本用法和Masonry简单使用)
iOS开发 - 滑动控制屏幕亮度和系统音量(附加AVAudioPlayer基本用法和Masonry简单使用)
234 0
iOS开发 - 滑动控制屏幕亮度和系统音量(附加AVAudioPlayer基本用法和Masonry简单使用)
|
iOS开发
iOS 开发 - tableView内嵌scrollView时,在plus上滑动scrollView时和tableView有冲突
iOS 开发 - tableView内嵌scrollView时,在plus上滑动scrollView时和tableView有冲突
177 0
|
iOS开发
IOS手势操作:点击+滑动
IOS手势操作:点击+滑动
201 0
|
移动开发 iOS开发
CSS3 模拟 IOS 滑动开关
H5站点需要IOS滑动按钮的效果,想了想似乎CSS3能搞起,就折腾出来了...挺简单的..请看注释
140 0