I’m looking to fade out a scrolling UITextView
over a background image, something similar to the gradient at the top of this little example.
I’m trying to work out how I can achieve this using CAGradientLayer
and masks. As the text in the view scrolls (vertically), I need the text to become transparent before it hits the frame of the view, to give the illusion that it’s fading out upward and downward.
Any tips on how I might achieve this?
Oh man, I use this a lot. Have it saved as a snippet:
CAGradientLayer *gradient = [CAGradientLayer layer]; gradient.frame = self.textView.superview.bounds; gradient.colors = @[(id)[UIColor clearColor].CGColor, (id)[UIColor blackColor].CGColor, (id)[UIColor blackColor].CGColor, (id)[UIColor clearColor].CGColor]; gradient.locations = @[@0.0, @0.03, @0.97, @1.0]; self.textView.superview.layer.mask = gradient;
This solution requires that your text view be embedded in a view of its own. This applies a 3% fade to the top and bottom of the text view. Modify gradient.locations
to your needs.
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