天天看點

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滑塊的建立和關聯效果