美文网首页
UISlider-改变图片透明度

UISlider-改变图片透明度

作者: 赵亦晨 | 来源:发表于2016-11-08 16:36 被阅读0次

拖动条是通过滑块的位置来标识数值,而且拖动条允许用户拖动滑块来改变值。因此,拖动条通常用于对系统的某种数值进行调节,如调节亮度,透明度,音量等。

一、属性介绍

@property(nonatomic)floatvalue;//设置当前slider的值,默认是0.

@property(nonatomic,getter=isContinuous)BOOL continuous;//滑动时是否连续触发事件,默认为YES;

@property(nullable,nonatomic,strong)UIColor*minimumTrackTintColor//滑动条完成部分的轨道颜色

@property(nullable,nonatomic,strong)UIColor*maximumTrackTintColor//滑动条未完成部分的轨道颜色

@property(nullable,nonatomic,strong)UIColor*thumbTintColor//滑块的颜色

由于UISlider继承于UIControl,所以我们可以为它的Value Changed事件绑定 UIControlEventValueChanged事件处理方法。

[self.mySlider addTarget:selfaction:@selector(change)forControlEvents:UIControlEventValueChanged];

二、示例代码

创建所需的控件属性

@property(strong,nonatomic)UISlider*mySlider;

@property(strong,nonatomic)UIImageView*myImageView;

使用懒加载方式初始化所需控件

-(UISlider*)mySlider{

if(!_mySlider){

_mySlider=[[UISlideralloc]initWithFrame:CGRectMake(0,300,375,10)];

_mySlider.value=0.5;//设置当前滑块处于滑动条中间

_mySlider.continuous=NO;//不连续触发事件

_mySlider.minimumTrackTintColor=[UIColorredColor];//设置完成部分的轨道颜色为红色

_mySlider.maximumTrackTintColor=[UIColorblueColor];//设置未完成部分的轨道颜色为蓝色

_mySlider.thumbTintColor=[UIColorgrayColor];//设置滑块颜色为灰色

[_mySlider addTarget:selfaction:@selector(change)forControlEvents:UIControlEventValueChanged];//绑定ValueChange方法

[self.view addSubview:_mySlider];

}

return_mySlider;

}

-(UIImageView*)myImageView{

if(!_myImageView){

_myImageView=[[UIImageViewalloc]initWithFrame:CGRectMake(0,0,375,300)];

_myImageView.image=[UIImageimageNamed:@"1"];

_myImageView.alpha=.5;//设置图片刚开始透明度为0.5与滑块对应的value保持一致

[self.view addSubview:_myImageView];

}

return_myImageView;

}

-(void)viewDidLoad{

[superviewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

[selfmyImageView];

[selfmySlider];

}

在UISlider的Value Changed事件绑定的方法中修改图片的透明度

-(void)change{

[self.myImageView setAlpha:self.mySlider.value];

相关文章

  • UISlider-改变图片透明度

    拖动条是通过滑块的位置来标识数值,而且拖动条允许用户拖动滑块来改变值。因此,拖动条通常用于对系统的某种数值进行调节...

  • 为图片添加透明度

    UIimage添加分类,改变图片透明度alpha:0.0 ~1.0 .

  • JS动画(二)

    实现鼠标移动改变图片的透明度 所用知识:透明度属性:opacitysetInterval()方法:设置时间函数 实...

  • seekbar 拖动改变图片透明度

    seekbar 拖动改变图片透明度,到达最大值时,执行旋转动画。 最终效果

  • CSS实现呼吸灯动效

    实现原理:改变图片的透明度 代码: 原文地址:https://blog.csdn.net/localhost_13...

  • CSS图片透明度

    opacity属性 利用opacity属性实现图片透明 hover属性 利用hover属性实现鼠标滑过,改变透明度...

  • 蒙版

    ⒈先调整不透明度 Ctrl t 旋转以及调整图片使图片对齐 再讲透明度调回(shift 等比例放大缩小图片) ⒉左...

  • iOS代码代码改变图片的透明度

    由于之前要做一个动画,想了一个办法实现效果,总结出了一个图片的用法--[就是改变图片的透明度]。 调用

  • Android图片压缩

    图片的压缩方式区分:质量压缩和尺寸压缩。 质量压缩是在保持像素的前提下改变图片的位深及透明度等,来达到压缩图片的目...

  • 修改图片的透明度

    修改图片的透明度

网友评论

      本文标题:UISlider-改变图片透明度

      本文链接:https://www.haomeiwen.com/subject/oznauttx.html