步进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. JSP的学习三(中文乱码)

    1). 在 JSP 页面上输入中文, 请求页面后不出现乱码: 保证 contentType="text/html; charset=UTF-8", pageEncoding=&qu ...

  2. 虚拟机Ubuntu16.04 The system is running in low-graphics mode解决方法!!

    虚拟机Ubuntu16.04无法进入图形界面 The system is running in low-graphics mode 安装的虚拟机Ubuntu16.04 64位本可以正常使用,在安装了许 ...

  3. CentOS查看内核版本、系统版本、系统位数

    http://blog.51cto.com/ultrasql/1640435

  4. 转 SSM框架整合to萌新

    作用: SSM框架是spring MVC ,spring和mybatis框架的整合,是标准的MVC模式,将整个系统划分为表现层,controller层,service层,DAO层四层 使用spring ...

  5. [leetcode tree]98. Validate Binary Search Tree

    Given a binary tree, determine if it is a valid binary search tree (BST). Assume a BST is defined as ...

  6. BZOJ.3105.[CQOI2013]新Nim游戏(线性基 贪心 博弈论)

    题目链接 如果后手想要胜利,那么在后手第一次取完石子后 可以使石子数异或和为0.那所有数异或和为0的线性基长啥样呢,不知道.. 往前想,后手可以取走某些石子使得剩下石子异或和为0,那不就是存在异或和为 ...

  7. 20162327WJH实验五——数据结构综合应用

    20162327WJH实验五--数据结构综合应用 实 验 报 告 课程:程序设计与数据结构 班级: 1623 姓名: 王旌含 学号:20162327 成绩: 指导教师:娄嘉鹏 王志强 实验密级: 非密 ...

  8. 重庆市队选拔 CQOI2015 解题报告

    文章链接:http://www.cnblogs.com/Asm-Definer/p/4434601.html 题目链接:http://pan.baidu.com/s/1mgxIKli 官方数据:htt ...

  9. Codeforces Round #283 (Div. 2) A. Minimum Difficulty 暴力水题

    A. Minimum Difficulty time limit per test 2 seconds memory limit per test 256 megabytes input standa ...

  10. Python学习笔记(八)—集合的学习

    集合(set)是一个无序不重复元素的序列. 基本功能是进行成员关系测试和删除重复元素. 1.集合的作用 它可以把一个列表中重复的数据去掉,而不需要你再写判断 可以做关系测试,比如说有两个科目,一个数学 ...