前言:
在开发中我们经常需要根据需求更改控件透明度,一般会采用修改view的alpha来实现,例如:
UIView *blackV = [[UIView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HIGHT)];
blackV.backgroundColor = [UIColor blackColor];
blackV.alpha = 0.7;
这样就修改了blackV的颜色为黑色、透明度为0.7。
但是有时候我们需要让父控件有一定的透明度,而在父控件之上的子控件为不透明。这时如果我们只是单纯将子控件加入父控件,就算设置子控件的alpha为1,子控件的透明度还是会跟父控件一致,例如下面:
self.view.backgroundColor = [UIColor blueColor];
UIView *parentV = [[UIView alloc]initWithFrame:CGRectMake(50, 50, 100, 100)];
parentV.backgroundColor = [UIColor redColor];
parentV.alpha = 0.7;
[self.view addSubview: parentV];
UIView *childV = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
childV.backgroundColor = [UIColor yellowColor];
childV.alpha = 1;
[parentV addSubview: childV];
显示效果为:
可以看到黄色的子控件背面仍可看到蓝色背景。
解决方案:
1、只设置黑白背景色
如果要求背景颜色只为黑白背景时可以采用如下方法:
[UIColor colorWithWhite:0.f alpha:0.7];
其中第一个参数是指定背景颜色,从0~1是由黑到白,第二个参数是指定透明度。
例如:
self.view.backgroundColor = [UIColor blueColor];
UIView *parentV = [[UIView alloc]initWithFrame:CGRectMake(50, 50, 100, 100)];
parentV.backgroundColor = [UIColor colorWithWhite:0.f alpha:0.5];
[self.view addSubview: parentV];
UIView *childV = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
childV.backgroundColor = [UIColor yellowColor];
childV.alpha = 1;
[parentV addSubview: childV];
显示结果为:
可以看到父控件的背景色为黑色,透明度为0.5;子控件的黄色背景透明度为1,并没有跟随父控件的透明度变化。
2、设置任意颜色的背景色
上边的方法只能设置单一背景颜色时的透明度,有时我们需要设置背景颜色为更多色彩,这时可以用下边方法来实现:
[UIColor colorWithRed:122/255.0 green:123/255.0 blue:234/255.0 alpha:0.7]
与第一种方法类似,只不过将第一个颜色参数改为了rgb颜色,这样就可以设置多种颜色了。
例如:
self.view.backgroundColor = [UIColor blueColor];
UIView *parentV = [[UIView alloc]initWithFrame:CGRectMake(50, 50, 100, 100)];
parentV.backgroundColor = [UIColor colorWithRed:186/255.0 green:85/255.0 blue:211/255.0 alpha:0.7];
[self.view addSubview: parentV];
UIView *childV = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
childV.backgroundColor = [UIColor yellowColor];
childV.alpha = 1;
[parentV addSubview: childV];
显示结果为:
子控件的透明度为1,并没有跟随父控件的透明度变化。
3、采用 colorWithAlphaComponent
这一种方法也是本人比较常用的,使用起来也比较方便:
[[UIColor redColor] colorWithAlphaComponent:0.7];
这种方法可以任意指定父view的颜色,透明度。
例如:
UIView *parentV = [[UIView alloc]initWithFrame:CGRectMake(50, 50, 100, 100)];
parentV.backgroundColor = [[UIColor redColor] colorWithAlphaComponent:0.7];
[self.view addSubview: parentV];
UIView *childV = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
childV.backgroundColor = [UIColor yellowColor];
childV.alpha = 1;
[parentV addSubview: childV];
显示结果为: