Setting alpha on UIView sets the alpha on its subv

问题:

According to the documentation for UIVIew @property(nonatomic) CGFloat alpha

The value of this property is a floating-point number in the range 0.0 to 1.0, where 0.0 represents totally transparent and 1.0 represents totally opaque. This value affects only the current view and does not affect any of its embedded subviews.

I have a container view configured as follows:

self.myView.backgroundColor = [UIColor blackColor];
self.myView.alpha = 0.5;
[self addSubview:self.myView];

And then add subviews to 'myView'

[myView addSubView anotherView];
anotherView.alpha = 1;
NSLog(@"anotherView alpha = %f",anotherView.alpha); // prints 1.0000 as expected

But 'anotherView' does have alpha on screen (it is not opaque as expected)

How can this be and what can be done?

回答1:

I think this is a bug in the documentation. You should file it at bugreport.apple.com.

Everything I can see after a bit of quick research suggests what you are seeing is how it always has behaved, and my own testing shows it too.

The alpha of a view is applied to all subviews.

Perhaps all you need is [[UIColor blackColor] colorWithAlphaComponent:0.5] but if not you will need to make the view a sibling instead of a child.

回答2:

Don't set the alpha directly on the parent view. Instead of it use the below line of code which will apply transparency to parentview without affecting its child views.

[parentView setBackgroundColor:[[UIColor clearColor] colorWithAlphaComponent:0.5]];

回答3:

In swift

view.backgroundColor = UIColor.whiteColor().colorWithAlphaComponent(0.5)

UPDATED FOR SWIFT 3

view.backgroundColor = UIColor.white.withAlphaComponent(0.5)

回答4:

If you like Storyboards, put a User Defined Runtime Attribute for your view in the Identity Inspector:

Key Path: backgroundColor, Type: Color, Value: e.g. white color with Opacity 50 %.

回答5:

Set Opacity of the background color instead of alpha will not affect its child views.

1. select view.
2. go to attribute inspector than background color
3. click on "others"
4. set opacity to 30%

Or you can set by programmetically

var customView:UIView = UIView()
customView.layer.opacity = 0.3

Thats it. Happy Coding!!!

回答6:

Simplest solution as discussed is to change the alpha as follows : Updated version for Xcode 8 Swift 3 is :

yourParentView.backgroundColor = UIColor.black.withAlphaComponent(0.4)

Objective C:

yourParentView.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.5];

Refer Apple Developer Docs here : https://developer.apple.com/reference/uikit/uiview/1622417-alpha

回答7:

Here is a bit complex solution:

UIView *container;
UIView *myView;
UIView *anotherView;

myView.alpha = 0.5;
[container addSubview:myView];

anotherView.alpha = 1;
[container addSubview:anotherView];

Use a container view as superview, anotherView and myView are both subview in container, anotherView is not a subview in myView.

回答8:

For now there is only one way make the Parent View transparent and don't put any child views inside (don't put any views as subview) the parent view, put that child views outside of the parent view. To make parent view transparent you can do this via storyboard.

//Transparent the parentView

parentView.backgroundColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.8)

Put the other view outside of the parent view. It will work like a charm.