步进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. Data时间格式化

    //时间戳转时间 function timeStamp2String(time) { var datetime = new Date(); datetime.setTime(time); var ye ...

  2. 001 Java 深拷贝、浅拷贝及Cloneable接口

    原本写过,后来在阅读的时候,感觉自己都不是太明白了,删除后参考人家的又重新写了一份. 一:开篇 1.复制一个变量 举例是int类型. 其他其中七种原始数据类型同样适用. 原始类型:boolean,ch ...

  3. Android Studio奇技淫巧

    No1: Ctrl+E:显示最近浏览过的文件 Ctrl+Shift+E:显示最近编辑过的文件 Ctrl+Tab:切换最近编辑过的文件 No2: 条件断点:断点右键 No3: 全局断点 这样只要碰到空指 ...

  4. CodeForces - 600C Make Palindrome 贪心

    A string is called palindrome if it reads the same from left to right and from right to left. For ex ...

  5. Eclipse插件安装出现Duplicate location错误

    一.原因 1.曾今安装过此插件 2.曾今安装此插件的时候出现错误 二.解决方法[eclipse] - Help - Install new software - Available Software ...

  6. 项目Alpha冲刺——代码规范、本次冲刺任务与计划

    作业格式 课程名称:软件工程1916|W(福州大学) 作业要求:项目Alpha冲刺(团队) 团队名称: 那周余嘉熊掌将得队 作业目标:代码规范.本次冲刺任务与计划 团队信息: 队员学号 队员姓名 博客 ...

  7. OpenContrail 体系

    OpenContrail 体系架构文档 1  概述1.1  使用案例1.2  OpenContrail控制器和vRouter1.3  虚拟网络1.4     Overlay Networking1.5 ...

  8. python opencv3 背景分割 mog2 knn

    git:https://github.com/linyi0604/Computer-Vision 使用mog2算法进行背景分割 # coding:utf-8 import cv2 # 获取摄像头对象 ...

  9. tomcat启动startup.bat一闪而过的问题处理方式

    tomcat在启动时,会读取环境变量的信息,需要一个CATALINA_HOME 与JAVA_HOME的信息,CATALINA_HOME即tomcat的主目录,JAVA_HOME即Java安装的主目录, ...

  10. 【CF540D】 D. Bad Luck Island (概率DP)

    D. Bad Luck Island time limit per test 2 seconds memory limit per test 256 megabytes input standard ...