1、UIView的alpha属性指的是视图的透明度,该属性值取值0~1,如果为0则说明视图为全透明,如果为1则完全不透明,我们通过示例来说明问题,先看原效果图
该窗口上一共有4个View,最底层为风景图,风景图上面为一个红色的View,红色View上面有两个子View,分别为蓝色View和绿色View,由于红色完全压在风景图上面,所以看不到风景图。
层级关系为
—UIImageView
—–UIView(redView)
——-UIView(greenView)
——-UIView(blueView)
2、问题来了,redView上面还有子视图blueView和greenView,那么设置该redView的alpha属性,子视图会怎样?我们来设置一下,代码:
1 2 3 4 | self.redView.backgroundColor = [UIColor colorWithRed:1.0 green:0 blue:0 alpha:1.0]; self.greenView.backgroundColor = [UIColor colorWithRed:0 green:1.0 blue:0 alpha:1.0]; self.blueView.backgroundColor = [UIColor colorWithRed:0 green:0 blue:1.0 alpha:1.0]; self.redView.alpha = 0.5; |
效果如下图所示:
我们可以看到redView的透明度设置为0.5时,redView以及子视图greenView、blueView的透明度均变为了0.5,隐约可以看到最下面的风景图了。
3、如果我们只希望redView半透明,而blueView与greenView不希望变透明,该如何处理呢?
3.1、第一种方式,将blueView与greenView设置为背景的子视图,脱离与redView的父子关系,这样就不会受父控件的影响,这样处理从某种程度上来讲似乎解决了问题,但终究改变了原有的结构,所以不太理想。
3.2、第二种方式,如果只希望redView半透明,除了设置redView的alpha属性外,在颜色填充的时候也可以设置透明,这是我这次需要说明的重点,看下面代码
1 2 3 4 | self.redView.backgroundColor = [UIColor colorWithRed:1.0 green:0 blue:0 alpha:0.5]; self.greenView.backgroundColor = [UIColor colorWithRed:0 green:1.0 blue:0 alpha:1.0]; self.blueView.backgroundColor = [UIColor colorWithRed:0 green:0 blue:1.0 alpha:1.0]; self.redView.alpha = 1.0; |
关键性的一句:self.redView.backgroundColor = [UIColor colorWithRed:1.0 green:0 blue:0 alpha:0.5]
看效果图:
4、话不多说,慢慢体会,这在项目中是可能用得上的!!