iphone - UILabel with round corners

Question

Level 1

0 points

iphone - UILabel with round corners

Hi,

I have a UIView and on top of that UIImageView. I'm displaying background image in UIImageView. I need to display a label on top of the UIImageView. I would like my label to appear semi transparent and also having rounded corners. Could anyone help me how to achieve this using iPhone SDK?

thanks!

macbook, Mac OS X (10.5.5)

Posted on Dec 8, 2008 9:44 PM

Reply

Answer 1

darkpaw

Level 2

167 points

Dec 9, 2008 4:10 PM in response to neo_dapi

Are you sure its a label you're putting on top? Unless your background colour is something other than 'clearColor', rounded corners won't make any difference.

If it's a text field you're using, this works:

myTextField.borderStyle = UITextBorderStyleRoundedRect;

Reply

Answer 2

neo_dapi Author

Level 1

0 points

Dec 10, 2008 11:48 AM in response to darkpaw

hi,

Thanks for your reply.

Unfortunately I cannot use TextField as i need to display multiple lines of text.

thanks!

Reply

Answer 3

darkpaw

Level 2

167 points

Dec 10, 2008 11:51 AM in response to neo_dapi

How about drawing a picture with rounded corners and using that as a UIView? Add your UILabel to it and pop the text in there.

Reply

Answer 4

neo_dapi Author

Level 1

0 points

Dec 10, 2008 12:11 PM in response to darkpaw

Hi,

Thanks for your message.
That is exactly what my question is. Here are my view layers:

top layer -> UIImageView
lowest layer -> UIView

if I override drawRect of UIView and draw a rectangle with round corners then it goes good[assuming that uiimageview layer is not there otherwise my rectangle would be covered]. If i move the same code to the UIImageView derived class then my rectangle is not drawn.

thanks!

Reply

Answer 5

darkpaw

Level 2

167 points

Dec 10, 2008 12:20 PM in response to neo_dapi

I don't understand why your UILabel isn't being shown? This is what I do:

backgroundView = [self newViewWithImageNamed:@"theBackground.png" atPosition:CGPointMake(x, y)];
[self addSubview:backgroundView];
myLabel = [self newLabelWithOffset:theX y:theY w:theWidth];
myLabel.text = @"My multi-line text";
myLabel.numberOfLines = 10;
[backgroundView addSubview:myLabel];

newViewWithImageNamed and newLabelWithOffset are simply methods that create the UIImageViews and UILabels. Nothing special happens in there.

Reply