How can I create "glass" effect on my own UIViews?
Posted
by lindes
on Stack Overflow
See other posts from Stack Overflow
or by lindes
Published on 2010-06-01T02:36:38Z
Indexed on
2010/06/01
2:43 UTC
Read the original article
Hit count: 308
Hi there,
I'm working on an iPhone app that has some non-rectangular UI elements. Currently, I'm subclassing UIView
, and in drawRect
I'm using a CGPathRef
to draw black border and a color-filled interior.
I'd like to make these items look more like "buttons", though, so I'd like to have some of the same sort of "glass effects" that are used on e.g. the icons for an iPhone app (when you don't set UIPrerenderedIcon
to true), or in other buttons.
I hunted around, and found this, which seems to be close to what I need:
http://stackoverflow.com/questions/422066/gradients-on-uiview-and-uilabels-on-iphone
But I'm having difficulty figuring out how to clip the gradient to my shape.
It seems like the mask
property on the view would be the right place to go, which seems like it would call for me to create a new CALayer
object, with the clipping somehow applied to it.
I'm hoping there's some nice convenience function for doing this, though if I need to write something more complicated, that's OK, too. I'm just having difficulty figuring out how to apply the path as a mask. I'm unsure if I need to create a new drawing context and draw the path into it? And then use CGContextClip
?
I think I've got a lot of the right pieces figured out, I'm just having difficulty understanding how to assemble them.
Could someone please point me in the right direction? (I'm happy to read more in the docs, just point me in the right direction, please.)
© Stack Overflow or respective owner