How to style uitextview to like Rounded Rect text field ?

Question

Hello all,

I am using a text view as a comment composer .

In the properties inspector I can't find anything like border style property so that I can make it to rounded rect something like uitextfield.

so the question is : How to style uitextview like uitextfield rounded rect ?

Answer 1

I don't think that it is possible. but you can do UITableView(grouped) with 1 section and 1 empty cell and use it as a container for your UITextView.

Answer 2

There is no implicit style that you have to choose, it involves writing a bit of code using the QuartzCore framework:

//first, you
#import <QuartzCore/QuartzCore.h>

//.....

//Here I add a UITextView in code, it will work if it's added in IB too
UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(50, 220, 200, 100)];

//The rounded corner part, where you specify your view's corner radius:
textView.layer.cornerRadius = 5;
textView.clipsToBounds = YES;

It only works on OS 3.0 and above, but I guess now it's the de facto platform anyway.

Answer 3

Very nice! Now if you could include the shadow effect similar to UITextField without having to use a custom image, that would be awesome! :)

Answer 4

I don't have enough points to leave a comment to luvieere's answer so here goes: It works great but you have to remember to import <QuartzCore/QuartzCore.h> or else the code won't compile.

Answer 5

just set the style to bordered...

txtfield.borderStyle=UITextBorderStyleRoundedRect;

Hope this is helpful..

Thanx, Varma

Answer 6

For the best effect you have to use a custom (stretchable) background image. This is also how the UITextField's rounded border is drawn.

Answer 7

ohh yes.. sorry for the misunderstanding... i have answered for uitextfield instead of ui textview.. sorry again..

Try this it will work for sure

UITextView* txtView = [[UITextView alloc] initWithFrame:CGRectMake(50, 50, 300, 100)];
txtView.layer.cornerRadius = 5.0;
txtView.clipsToBounds = YES;

Edit: you have to import

                       QuartzCore/QuartzCore.h

for using corner radius

Answer 8

There is a great background image that is identical to the UITextView used for sending text messages in iPhone's Messages app. You'll need Adobe Illustrator to get & modify it. http://www.mercuryintermedia.com/blog/index.php/2009/03/iphone-ui-vector-elements

Answer 9

this code worked well for me:

    [yourTextView.layer setBackgroundColor: [[UIColor whiteColor] CGColor]];
    [yourTextView.layer setBorderColor: [[UIColor grayColor] CGColor]];
    [yourTextView.layer setBorderWidth: 1.0];
    [yourTextView.layer setCornerRadius:8.0f];
    [yourTextView.layer setMasksToBounds:YES];