步进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,每次步进的距离

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

滑动块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

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

开关UISwitch:

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

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

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

源码如下:

 //  ViewController.m
// 02-图片浏览器
//
// Created by ma c on 15/8/27.
// Copyright (c) 2015年 bjsxt. All rights reserved.
// #import "ViewController.h" @interface ViewController ()
@property (weak, nonatomic) IBOutlet UILabel *labelTitle;
@property (weak, nonatomic) IBOutlet UILabel *labelInfo;
@property (weak, nonatomic) IBOutlet UIImageView *imageView;
@property (weak, nonatomic) IBOutlet UIStepper *stepper;
@property (weak, nonatomic) IBOutlet UISlider *slider;
@property (strong,nonatomic) NSArray *imageInfos;
@property (assign,nonatomic) NSInteger index;//显示当前图片的索引
@property (assign,nonatomic) NSInteger total;//图片的个数
@end @implementation ViewController
- (IBAction)stepperValueChange:(UIStepper *)sender
{
[self.slider setValue:sender.value];
self.index = [self.stepper value];
[self setImageIndex:self.index];
}
- (IBAction)sliderValueChange:(UISlider *)sender
{
[self.stepper setValue:sender.value];
self.index = [self.slider value];
[self setImageIndex:self.index];
} - (void)viewDidLoad {
[super viewDidLoad];
//加载图片信息
NSString *path = [[NSBundle mainBundle] pathForResource:@"images" ofType:@"plist"];
self.imageInfos = [NSArray arrayWithContentsOfFile:path]; //初始化
self.total = [self.imageInfos count];
self.index = ; self.stepper.minimumValue = ;
self.stepper.maximumValue = self.total - ;
self.stepper.value = ;
self.stepper.stepValue = ; self.slider.minimumValue = ;
self.slider.maximumValue = self.total - ;
self.slider.value = ; self.imageView.contentMode = UIViewContentModeScaleAspectFit;
[self setImageIndex:]; } -(void)setImageIndex:(NSUInteger)index
{ //取出数组中的字典
NSDictionary *dicImage = self.imageInfos[index];
NSString *imageName = [dicImage objectForKey:@"icon"];
NSString *imageTitle = [dicImage objectForKey:@"title"]; //设置显示的图片
self.imageView.image = [UIImage imageNamed:imageName]; //设置显示的图片的标题
self.labelTitle.text = imageTitle; //设置当前信息:索引/总数
self.labelInfo.text = [NSString stringWithFormat:@"%ld/%ld",self.index+,self.total];
} - (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
} @end

iOS:步进UIStepper、滑动块UISlider、开关UISwitch的基本使用的更多相关文章

  1. UIImageView、UISlider、UISwitch、UIStepper、UISegmentControl

    UIImageView——图像视图 作用:专门用来显示图片的控件 . 设置图像 [self.imageView setImage:[UIImage imageNamed:@"abc.png& ...

  2. ios开发 block语句块

    ios开发 block语句块 1.block 理解为匿名函数 2.block变量的定义 //定义block变量,^表示定义block //技巧:函数名左右加括号,在函数名前面在加^ void (^bl ...

  3. 纯css隐藏移动端滚动条解决方案(ios上流畅滑动)

    纯css隐藏移动端滚动条解决方案(ios上流畅滑动) html代码展示(直接复制代码保存至本地文件运行即可): <!DOCTYPE html> <html lang="en ...

  4. 纯css隐藏移动端滚动条解决方案(ios上流畅滑动)---转载

    html代码展示(直接复制代码保存至本地文件运行即可): <!DOCTYPE html> <html lang="en"> <head> < ...

  5. HMTL5滑动块研究

    滑动块图片 html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l ...

  6. wxpython(2)--按钮,位图按钮,滑动块,微调控制器

    本文介绍按钮,位图按钮,滑动块,微调控制器**.. 按钮 基本按钮 创建一个按钮,绑定点击事件,点击后修改Label 123456789101112131415161718 import wx cla ...

  7. UnityEditorWindow做一个TimeLine的滑动块

    UnityEditorWindow做一个TimeLine的滑动块 最近在做一个基于TimeLine的动画编辑器,在制作TineLine滑动条时遇到问题,网上查了好久,试了好多GUI组件都不满意.最后在 ...

  8. iOS UISlider滑动块触摸范围调整变大

    正常情况下,我们自定义的滑动区域都不会太大,否则UI不美观,但是这样,又会手势不灵敏,用户体验变差. 如何解决? 这里有一种方案:封装一个继承UISlider的自定义类,重写thumbRectForB ...

  9. iOS 全屏侧滑/UIScrollView/UISlider间滑动冲突

    代码地址如下:http://www.demodashi.com/demo/13848.html 效果预览 一.前期准备 有一个支持全屏侧滑返回的视图控制器ViewController,ViewCont ...

随机推荐

  1. JS日期、时间 格式化转换方法

    Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+& ...

  2. jupyter notebook变量高亮

    首先声明,anaconda安装的时候,一定要勾选“Add Anaconda to my PATH environment variable”! 否则会有一堆麻烦的问题,做了这一步就能自动添加好路径!不 ...

  3. ubuntu python opencv3 cv2.cv2 has no attribute 'face' 'cv2.face' has no attribute 'createEigenFaceRecognizer'

    学习opencv过程中遇到错误: 1  cv2.cv2 has no attribute 'face' 经过一顿查,,,各种走弯路 最后一下子就解决了: pip install opencv-pyth ...

  4. 每日踩坑 2018-06-19 AutoMapper简单性能测试

    想使用 AutoMapper 类库来做一些映射到 DTO 对象的操作 但既然类似这样的类库内部是用反射来实现的,那么会比较在意性能. 所以来简单测试一下性能. 关于测试结果呢 emmmm 我是比较吃惊 ...

  5. 使用Java创建Excel,并添加内容

    使用Java创建Excel,并添加内容 一.依赖的Jar包 jxl.jar,使用jxl操作Excel Jxl是一个开源的Java Excel API项目,通过Jxl,Java可以很方便的操作微软的Ex ...

  6. luoguP3979 遥远的国度 树链剖分

    \(1, 2\)操作没什么好说的 对于\(3\)操作,分三种情况讨论下 \(id = rt\)的情况下,查整棵树的最小值即可 如果\(rt\)在\(1\)号点为根的情况下不在\(id\)的子树中,那么 ...

  7. JZYZOJ1140 飞船控制站

    http://172.20.6.3/Problem_Show.asp?id=1140 p1140 就一道非常普通的二分,但是非常蛋疼的是验证mid left的过程一直错(就是写一个k次循环然后根据可行 ...

  8. BZOJ.4552.[HEOI2016/TJOI2016]排序(线段树合并/二分 线段树)

    题目链接 对于序列上每一段连续区间的数我们都可以动态开点建一棵值域线段树.初始时就是\(n\)棵. 对于每次操作,我们可以将\([l,r]\)的数分别从之前它所属的若干段区间中分离出来,合并. 对于升 ...

  9. Problem B: 七龙珠II

    Description 小王去找了个算命先生算算这辈子是有钱还是没钱.他在纸上写下“性命”两个字,问哪个字重要. 小王想了想说当然是命比较重要. 他摇摇头:“你,没钱” “为什么?” “有钱,任性.没 ...

  10. bzoj2243 染色

    Description 给定一棵有n个节点的无根树和m个操作,操作有2类: 1.将节点a到节点b路径上所有点都染成颜色c: 2.询问节点a到节点b路径上的颜色段数量(连续相同颜色被认为是同一段), 如 ...