[TwistedFate]滑块UISlider 跑图UIImageView

原创 2015年11月17日 19:23:30

UISlider

初始化及设背景色

UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(40, 100, 300, 20)];
slider.backgroundColor = [UIColor redColor];

设置轨迹颜色

[slider setMinimumTrackTintColor:[UIColor greenColor]];
[slider setMaximumTrackTintColor:[UIColor blackColor]];

设置球的颜色

[slider setThumbTintColor:[UIColor cyanColor]];

设置背景图片

[slider setMinimumValueImage:[UIImage imageNamed:@"01-refresh"]];
[slider setMaximumValueImage:[UIImage imageNamed:@"03-loopback"]];

设置 轨迹图片

// 设置轨迹图片
[slider setMinimumTrackImage:[UIImage imageNamed:@"03-loopback"] forState:(UIControlStateHighlighted)];     
// 三种状态

设置圆球图片

// 三种状态
slider setThumbImage:[UIImage imageNamed:@"01-refresh"] forState:(UIControlStateNormal)];
    [slider setThumbImage:[UIImage imageNamed:@"02-redo"] forState:(UIControlStateHighlighted)];
    [slider setThumbImage:[UIImage imageNamed:@"03-loopback"] forState:(UIControlStateSelected)];

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

如果要设置初值,需要先把最大值与最小值设置上,再给初值才会有变化

// ********************** // 
slider.minimumValue = 0;
slider.maximumValue = 10;
slider.value = 0;

添加滑动事件

// 除了button 其余多用ValueChanged
[slider addTarget:self action:@selector(sliderAction:) forControlEvents:(UIControlEventValueChanged)];

添加到视图上并释放

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

跑图

创建一个数组存储图片

NSMutableArray *imageArray = [NSMutableArray array];
for (int i = 1; i < 22; i++) {
    UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",i]];
    [imageArray  addObject:image];
}

初始化imageView添加标签及背景色

UIImageView *imageV = [[UIImageView alloc] initWithFrame:CGRectMake(0, 160, 375, 400)];
imageV.tag = 111;
imageV.backgroundColor = [UIColor redColor]

设置imageView播放动画的数组

imageV.animationImages = imageArray;

设置时间间隔(播放完整的一次时间间隔)

imageV.animationDuration = 10;

设置重复的次数(零代表无限次)

imageV.animationRepeatCount = 0;

设置开始播放动画

[imageV startAnimating];

添加到视图上并释放

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

实现点击事件

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

- (void)sliderAction:(UISlider *)slider{
    UIImageView *imageV = (UIImageView *)[self.view viewWithTag:111];
    if (slider.value == slider.maximumValue) {
        [imageV stopAnimating];
        slider.selected = YES;
        imageV.image = [UIImage imageNamed:@"car.jpg"];
    }else{
        imageV.animationDuration = 10 - slider.value;
        [imageV startAnimating];
        slider.selected = NO;
    }

利用UISlider和 UIImageView实现跑图

**UISlider 滑块 知识点: 初始化:initWithFrame:(CGRect)frame 核心方法: - (void)addTarget:(id)target action:(SE...
  • Ios_secret_lover
  • Ios_secret_lover
  • 2015年11月17日 22:12
  • 343

UISlider(滑块)控件的常用属性

UISlider控件的集成关系: UISlider:UIControl:UIView:UIResponder:NSObject 1、创建UISlider控件 2、设置UISlider控件的值、最大...
  • lover0920
  • lover0920
  • 2015年12月01日 15:14
  • 501

Swift - 滑块(UISlider)的用法

1,滑块的创建 1 2 3 4 5 6 let slider=UISlider(frame:CGRectM...
  • swift_vip
  • swift_vip
  • 2016年06月21日 10:22
  • 530

iOS UISlider用法及自定义滑块

学习Slider的时候,设置滑块track图片时,resizableImageWithCapInsets:的详细介绍和用法...
  • a380880304
  • a380880304
  • 2015年08月03日 13:53
  • 7769

iOS滑动条UISlider的使用方法

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

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

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

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

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

iOS开发之滑块UISlider

ios UISlider 滑块
  • AILenses
  • AILenses
  • 2017年11月23日 14:16
  • 65

UISlider 滑块控件

一、创建 滑块是一个标准的UIControl。我们可以通过代码创建,如同开关(UISwitch)的宽与高都会被忽略一样滑块的高也会被忽略(但是宽度不会): UISlider* my...
  • ArgentinaNo10
  • ArgentinaNo10
  • 2015年06月03日 16:13
  • 252

论Swift开发入门:滑块(UISlider)

转载请声明出处:http://blog.csdn.net/jinnchang/article/details/44487407 -----------------------------------...
  • michaelKiven
  • michaelKiven
  • 2016年01月30日 18:12
  • 409
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[TwistedFate]滑块UISlider 跑图UIImageView
举报原因:
原因补充:

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