100% opacity UILabel over a 50% opacity background (UIView?)
So right now I have a UIView
with a UILabel
in it. I want the background to have an opacity < 1.0 and the label to have an opacity of 1.0. However since alphas propagate down the view hierarchy, the label ends up with an opacity < 1.0 as well.
Is there anyway to do what I want without making the UILabel
a subview of another view??
Solution 1:
Just set the background color to be semitransparent:
view.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.5f];
Or, in Swift:
view.backgroundColor = UIColor.blackColor().colorWithAlphaComponent(0.5)
Or, Swift 3:
view.backgroundColor = UIColor.black.withAlphaComponent(0.5)
Note that, in this particular case, UIColor(white: 0, alpha: 0.5)
is more concise, but colorWithAlphaComponent
will work in general.
Solution 2:
Besides being available in code, you can do this quite easily from iB as well:
- Within the storyboard, select the view you wish to edit;
- From the right panel, make sure the Attributes inspector is opened;
- Click on the right side of the "Background" drop down box and choose "Other ..."; it will open a colour picker dialog;
- Change the "Opacity" at the bottom to set the background colour opacity.