天天看点

UISlider滑块的创建和联动效果UISlider滑块的创建和联动效果

UISlider滑块的创建和联动效果UISlider滑块的创建和联动效果

UISlider滑块的创建和联动效果

       改实例的具体效果如下:

          画面显示两个滑块,当对上一个滑块进行操作时,同时下面的滑块也跟着变化。常用与一些美图工具上进行颜色调制。。。。。。。。。

代码如下:

#import "ViewController.h"
@interface ViewController ()
{
    UISlider*_ZSJSlider;
}
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    [self NextMake];
}
-(void)NextMake
{
    
    [email protected]"UISlider滑块";
    //window的背景色不能为透明,透明就不能触发
    self.view.backgroundColor=[UIColor whiteColor];
    
    //创建滑块
    UISlider*ZSJSlider=[[UISlider alloc]initWithFrame:CGRectMake(0, 0, 200, 50)];
    //设置滑块的最小和最大值
    ZSJSlider.maximumValue=1.0;
    ZSJSlider.minimumValue=0.0;
    
    ZSJSlider.center=self.view.center;
    
    
    //指定滑块变化时得调用方法
    [ZSJSlider addTarget:self action:@selector(sliderChange:) forControlEvents:UIControlEventValueChanged];
    
    
    //复制滑块
    
    _ZSJSlider=[[UISlider alloc]init];
    
    _ZSJSlider.frame=ZSJSlider.frame;
    
    _ZSJSlider.minimumValue=ZSJSlider.minimumValue;
    _ZSJSlider.maximumValue=ZSJSlider.maximumValue;
    
    CGPoint   point=ZSJSlider.center;
    
    point.y+=50;
    _ZSJSlider.center=point;
    
    
    
    
    //在画面中追加两个滑块
    
    [self.view addSubview:ZSJSlider];
    [self.view addSubview:_ZSJSlider];
    
    
    
    
}
-(void)sliderChange:(id)sender
{
    
    if ([sender isKindOfClass:[UISlider class]]) {
        
        
        
        UISlider*Slider=sender;
        //将_ZSJSlider的值与ZSJSlider的保持一致
        
        
        _ZSJSlider.value=Slider.value;
        
    }
    
    
    
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end
           

效果图展示::

第一次

UISlider滑块的创建和联动效果UISlider滑块的创建和联动效果

第二次。。滑动第一个滑块的效果

UISlider滑块的创建和联动效果UISlider滑块的创建和联动效果

第三次,,,只滑动第二个滑块

UISlider滑块的创建和联动效果UISlider滑块的创建和联动效果

设置滑块的图片

代码如下:

UIImageView*image=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 20, 20)];
    image.image=[UIImage imageNamed:@"mapbutton.png"];
    
     [ZSJSlider setThumbImage:image.image forState:UIControlStateNormal];
    
    [ZSJSlider setMinimumTrackImage:image.image forState:UIControlStateNormal];
    
           

效果展示

UISlider滑块的创建和联动效果UISlider滑块的创建和联动效果