I'm trying to create a UIView subclass ("GradientView") that will fill itself with a gradient of various colors. I've implemented it by adding a CAGradientLayer as a sub-layer of UIView's layer.
It looked good, but when the screen was rotated, it didn't resize the gradient layer. Having no luck finding a BOOL property on the layer to toggle, I overrode layoutSubviews in the GradientView.
-(void)layoutSubviews { self.gradientLayer.frame = self.bounds; }
This works, but the stuff behind the GradientView is still visible during the device rotation animation. What is the easiest way to 'autoresize' that CAGradientLayer to match its parent layer's bounds so that the animation is smooth (like for UIView autoresizing)?
You can probably get away with defining the +layerClass method on a custom UIView...
@implementation MyGradientView +(Class) layerClass { return [CAGradientLayer class]; } @end
You can initialize the layer in your controller's viewDidLoad() (or wherever), something like...
-(void)viewDidLoad { [super viewDidLoad]; [(CAGradientLayer*)[mMyGradientViewInstance layer] setColors:nil]; }
I would:
Increase the size of your view to the maximum of each dimension in the willRotateToInterfaceOrientation code. (For example for an 320x480 iPhone - set the dims to 480x480).
Set the bounds in accordance to the newly-rotated view in the didRotateFromInterfaceOrientation function.
This should make it so that the view is large enough so that regardless of how it is oriented during animation, it will cover the entire screen. It won't be "smooth" - because the gradient will have to be rotated, but at least you will not see behind the layer in the middle of the rotation.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With