Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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??

like image 284
DevDevDev Avatar asked Dec 11 '09 01:12

DevDevDev


People also ask

How do I change the opacity of a view in Swift?

Any SwiftUI view can be partially or wholly transparent using the opacity() modifier. This accepts a value between 0 (completely invisible) and 1 (fully opaque), just like the alpha property of UIView in UIKit.


2 Answers

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.

like image 101
Ian Henry Avatar answered Sep 20 '22 14:09

Ian Henry


Besides being available in code, you can do this quite easily from iB as well:

  1. Within the storyboard, select the view you wish to edit;
  2. From the right panel, make sure the Attributes inspector is opened;
  3. Click on the right side of the "Background" drop down box and choose "Other ..."; it will open a colour picker dialog;
  4. Change the "Opacity" at the bottom to set the background colour opacity.
like image 20
Ja͢ck Avatar answered Sep 19 '22 14:09

Ja͢ck