iPhone - Create a semi transparent rectangle with opaque text

iphone uiview transparency uilabel alpha
Chompas picture Chompas · Apr 26, 2011 · Viewed 8.8k times · Source

I have a MapView and I want to display a black semi transparent rectangle on top with a text inside. Not over the entire map only on section of it (maybe on the top corner) just as an info box (like the one in the iPod player that appears on double tap and displays the Mute and skip buttons).

I tried google but I'm not getting any clear answers. How is the best way to accomplish this?

Thanks in advance

Answer

Nick Weaver picture Nick Weaver · Apr 26, 2011

Can be easily done with interface builder:

enter image description here

View Hierarchy

NOTE The background has to be a separate view which is the first entry in the list of controls, so it is in the background. Setting the container view to an alpha value below 1 will also be inherited by the subviews, which is not displayed in the interface builder

enter image description here

Settings for view "view with clear color bg and alpha 1.0"

enter image description here

Settings for view "black translucent bg view"

enter image description here

Related questions

iPhone UIView Animation Best Practice

What is considered best practice for animating view transitions on the iPhone? For example, the ViewTransitions sample project from apple uses code like: CATransition *applicationLoadViewIn = [CATransition animation]; [applicationLoadViewIn setDuration:1]; [applicationLoadViewIn setType:kCATransitionReveal]; [applicationLoadViewIn setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]]; [[myview layer] addAnimation:…

Read More
Draw line in UIView

I need to draw a horizontal line in a UIView. What is the easiest way to do it. For example, I want to draw a black horizontal line at y-coord=200. I am NOT using Interface Builder.

Read More
How to draw a custom UIView that is just a circle - iPhone app

How would I go about drawing a custom UIView that is literally just a ball (a 2D circle)? Would I just override the drawRect method? And can someone show me the code for drawing a blue circle? Also, would it …

Read More