UISlider

原创 2015年11月17日 23:26:53

初始化

UISlider *slider = [[UISlider alloc]initWithFrame:CGRectMake(20, 100, 300, 10)]

设置背景颜色

slider.backgroundColor = [UIColor cyanColor];

设置轨迹颜色

//最大值到滑块的轨迹的颜色
[slider setMaximumTrackTintColor:[UIColor greenColor]];
//最小值到滑块的轨迹的颜色
[slider setMinimumTrackTintColor:[UIColor redColor]];
//滑块的颜色
[slider setThumbTintColor:[UIColor yellowColor]];

设置图片

设置最大值 最小值的图片

[slider setMaximumValueImage:[UIImage imageNamed:@"01-refresh"]];
    [slider setMinimumValueImage:[UIImage imageNamed:@"02-redo"]];

设置各种状态的图片

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

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

如果想设置初值位置 需要先把最大值 最小值设置上
再给初值 才会发生变化

  slider.minimumValue = 0;
    slider.maximumValue = 10;
    slider.value = 1;

添加滑动事件(除了button 都是监测的是值的变化)

 [slider addTarget:self action:@selector(sliderAction:) forControlEvents:(UIControlEventValueChanged)];

添加到父视图

 [self.view addSubview:slider];

UIImageView动画 (跑图)

UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(40, 150, 300, 400)];
    imageView.backgroundColor = [UIColor cyanColor];
    imageView.tag = 100;
    [self.view addSubview: imageView];
    [imageView release];

构建一个图片的数组

//创建一个可变数组 用来保护图片
    NSMutableArray *array = [NSMutableArray array];
    for (int i = 1; i < 11; i++) {
        //把图片的名字 拼接出来
        NSString *imageName = [NSString stringWithFormat:@"%d.jpg",i];
        //NSLog(@"%@",imageName);
        //初始化每一张图片
        UIImage *image = [UIImage imageNamed:imageName];

        //UIImage *image = [UIImage imageNamed:[NSString stringWithFormat: @"%d.jpg",i]];
        [array addObject:image];
    };

设置imageView 的动画数组(父类指针指向子类对象 多态)

imageView.animationImages = array;

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

imageView.animationDuration = 10;

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

imageView.animationRepeatCount = 0;

让动画开始

[imageView startAnimating];

slider控制 动画播放的时间间隔

并且 slider滑动到最大值 停止动画

实现跑图方法

- (void)sliderAction:(UISlider *)slider
{
    UIImageView *image = (UIImageView *)[self.view viewWithTag:100];
    if (slider.value == slider.maximumValue) {
        //为了美观 停止的时候  添加一张占位图
        [image stopAnimating];
        image.image = [UIImage imageNamed:@"3.jpg"];
        slider.selected = YES;
    }else
    {
        image.animationDuration = slider.value;
        [image startAnimating];
    }
//    NSLog(@"%.2f",slider.value);
}
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

IOS_UI_UISlider

  • 2015年05月24日 15:13
  • 428B
  • 下载

如何更改UISlider的高度

在做一个项目的过程中,需要用到UISlider,但是又不是那种系统给定的样式,找了好久才找到解决办法,就是重写系统的一下方法,就可以实现你想要的样式了。 UISlider类中有四个方法: -...

UISlider Demo代码

  • 2013年04月24日 23:01
  • 70KB
  • 下载

两个滑块的范围选择UISlider

  • 2012年08月13日 10:19
  • 131KB
  • 下载

Unity3d NGUI的使用(五)(UISprite&UISlider制作彩色血条)

使用NGUI可以制做出彩色角色血条,加载进度条 制作血条时,可以根据血的多少显示不同的颜色,可以对UISider与UILabel进行简单的封装 UISprite:NGUI精灵图片组件 At...

UISlider控制北京颜色

  • 2015年05月29日 14:52
  • 38KB
  • 下载

ios的UISlider自定义

  • 2015年12月19日 19:49
  • 40KB
  • 下载

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

UISlider控件的集成关系: UISlider:UIControl:UIView:UIResponder:NSObject 1、创建UISlider控件 2、设置UISlider控件的值、最大...

UISlider使用讲解

  • 2014年05月08日 14:04
  • 4.15MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UISlider
举报原因:
原因补充:

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