20.UISlider(滑动按钮)

原创 2015年11月17日 21:58:18

这里写图片描述
**UIslider是一个方便的控件,让用户能够以可视化的方式设置指定范围内的值。和按钮一样,滑块也能响应事件,还可像文本框一样被读取。如果希望用户对滑块的调整立刻影响应用程序,则需要让他触发操作。

初始化

UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(20,100 , 300, 50)];
改变背景颜色
slider.backgroundColor = [UIColor redColor];
设置轨迹颜色

设置轨迹左边颜色

slider.minimumTrackTintColor = [UIColor yellowColor];

设置轨迹右边颜色

slider.maximumTrackTintColor = [UIColor magentaColor];

设置滑动按钮颜色(球)

slider.thumbTintColor = [UIColor greenColor];
================================================

实现IMageView动画(跑图)

创建三张图片
UIImage *image = [UIImage imageNamed:@”01-refresh”];
UIImage *image1 = [UIImage imageNamed:@”02-redo”];
UIImage *image2 = [UIImage imageNamed:@”03-loopback”];

设置最小值的 图片

slider.minimumValueImage = image;

设置最大值 图片

slider.maximumValueImage = image1;

设置滑动按钮图片

普通状态
[slider setThumbImage:image forState:(UIControlStateNormal)];

高亮状态
[slider setThumbImage:image1 forState:(UIControlStateHighlighted)];

选中
[slider setThumbImage:image2 forState:(UIControlStateSelected)];

设置滑块的初值 最大值 最小值

如果想设置初始位置 需要先把最大 最小值设置上 再给初值 才会发生变化
最小值
slider.minimumValue = 0;
最大值
slider.maximumValue = 10;
初值
slider.value = 1;

添加滑动事件

[slider addTarget:self action:@selector(sliderAction:) forControlEvents:(UIControlEventValueChanged)];
[self.view addSubview:slider];
[slider release];
self.imageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 200, 300, 400)];
self.imageView.backgroundColor = [UIColor blueColor];

[self.view addSubview:self.imageView];
[self.imageView release];

创建一个可变数组 用来保存图片(工程里拖进来10张图片 图名1 - 10.jpg)
NSMutableArray *imageArray = [NSMutableArray array];

构建一个图片的数组
for (int i = 1; i < 11; i++) {

把图片的名字 拼接出来
NSString *imageName = [NSString stringWithFormat:@”%d.jpg”,i];
NSLog(@”%@”,imageName);

初始化每一张图片
UIImage *image = [UIImage imageNamed:imageName];
把图片添加到数组里
[imageArray addObject:image];

}

设置imageView播放动画的数组
self.imageView.animationImages = imageArray;
设置时间间隔 (播放完整一次的时间)
self.imageView.animationDuration = 5;
设置重复次数(零 代表无限次)
self.imageView.animationRepeatCount = 0;
让动画开始
[self.imageView startAnimating];

sidler控制 动画播放的时间的时间间隔
并且 sidler滑动到最大值 停止动画

实现滑动事件

-(void)sliderAction:(UISlider *)slider
{
self.imageView.animationDuration = self.imageView.animationDuration - slider.value;
让动画开始
[self.imageView startAnimating];

判断当前值到最大了吗
if (slider.value == slider.maximumValue) {

停止播放
[self.imageView stopAnimating];

为了美观 停止的时候 添加一张占位图
self.imageView.image = [UIImage imageNamed:@”5.jpg”];

}

}**

版权声明:本文为博主原创文章,未经博主允许不得转载。

IOS-UISlider的详细使用

UISlider 是一个方便的控件,让用户可以更加方便的去设定一定范围之内的值,其实和按钮Button一样,Slider也有相应地响应事件。 如果想拖动Slider去影响程序里的某个值的话,只要...
  • Axing1991
  • Axing1991
  • 2015年05月28日 18:39
  • 1970

uislider去掉圆形的大按钮

生成透明图片    CGSize s=CGSizeMake(1, 1);     UIGraphicsBeginImageContextWithOptions(s, 0, [UIScr...
  • woshidaniu
  • woshidaniu
  • 2017年03月15日 09:47
  • 610

iOS开发UISlider滑动条的属性介绍以及于标签联合使用实时显示变动值

转载自:http://blog.csdn.net/weisubao/article/details/39559001 (1)滑动条的左右端背景可以设置上一页下一页的图片; (2)滑动条的轨...
  • yuxikuo_1
  • yuxikuo_1
  • 2014年12月24日 15:10
  • 2166

【iOS开发-11】UISlider滑动条的属性介绍以及于标签联合使用实时显示变动值

(1)滑动条的左右端背景可以设置上一页下一页的图片; (2)滑动条的轨道图片可以设置为渐变等等图片。 (3)滑动条因为值可以互动,所以addTarget:方法很重要,其中事件值变动UIControlE...
  • wsb200514
  • wsb200514
  • 2014年09月25日 21:55
  • 3235

iOS开发,UISlider滑块不灵敏问题以及在UIScrollView上添加Slider造成手势冲突问题心得

最近在做项目时候有如下这样一个界面 1.png 这个页面涉及到视频播放拖动进度条的需求,测试那边提过来的bug是进度条滑块不够灵敏,交互的时候很难响应用户的操作.苦逼码农一枚,提了b...
  • Leemin_ios
  • Leemin_ios
  • 2017年12月08日 15:16
  • 163

IOS-UISlider的详细使用

UISlider 是一个方便的控件,让用户可以更加方便的去设定一定范围之内的值,其实和按钮Button一样,Slider也有相应地响应事件。 如果想拖动Slider去影响程序里的某个值的话,只要...
  • Axing1991
  • Axing1991
  • 2015年05月28日 18:39
  • 1970

iOS滑动条UISlider的使用方法

介绍滑动条UISlider的使用方法及demo
  • Cloudox_
  • Cloudox_
  • 2016年04月08日 20:09
  • 25402

UISlider滑块的创建和联动效果

UISlider滑块的创建和联动效果        改实例的具体效果如下:           画面显示两个滑块,当对上一个滑块进行操作时,同时下面的滑块也跟着变化。常用与一些美图工具上进行颜色调...
  • zhoushuangjian511
  • zhoushuangjian511
  • 2014年12月19日 09:41
  • 470

iOS --- 为UISlider添加点击事件

UISlider是iOS中非常常见的UI控件, 继承自UIControl, 可设置valueChanged等事件响应方法. 但其默认不支持单击事件, 本文即简单地实现了可单击选值的UISlider....
  • icetime17
  • icetime17
  • 2016年02月23日 07:35
  • 5231

NGUI控件说明(中文) UISlider

原文:http://www.tasharen.com/forum/index.php?topic=6715.0 概述 UISlider组件可以用来创建一个简单的slider...
  • huang9012
  • huang9012
  • 2014年02月24日 11:15
  • 8895
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:20.UISlider(滑动按钮)
举报原因:
原因补充:

(最多只允许输入30个字)