¿Cómo aplicar estilo a UITextview para que le guste el campo de texto Rect redondeado?

Estoy usando una vista de texto como un compositor de comentarios.

En el inspector de propiedades no puedo encontrar nada como una propiedad de estilo de borde para poder hacer uso de un rect redondeado, algo así como UITextField .

Entonces, la pregunta es: ¿Cómo puedo diseñar un UITextViewlike como UITextFieldcon un rect redondeado?

No hay un estilo implícito que tenga que elegir, implica escribir un poco de código usando el QuartzCoremarco:

//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)];

//To make the border look very close to a UITextField
[textView.layer setBorderColor:[[[UIColor grayColor] colorWithAlphaComponent:0.5] CGColor]];
[textView.layer setBorderWidth:2.0];

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

Solo funciona en OS 3.0 y superior, pero supongo que ahora es la plataforma de facto de todos modos.

este código funcionó bien para mí:

    [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];

Versión Swift 3

Después de configurar la vista de texto en el generador de interfaces.

@IBOutlet weak var textView: UITextView!

override func viewDidLoad() {
    super.viewDidLoad()
    textView.layer.cornerRadius = 5     
    textView.layer.borderColor = UIColor.gray.withAlphaComponent(0.5).cgColor
    textView.layer.borderWidth = 0.5  
    textView.clipsToBounds = true
}

Versión Swift 2.2

@IBOutlet weak var textView: UITextView!

override func viewDidLoad() {
    super.viewDidLoad()
    textView.layer.cornerRadius = 5     
    textView.layer.borderColor = UIColor.grayColor().colorWithAlphaComponent(0.5).CGColor
    textView.layer.borderWidth = 0.5  
    textView.clipsToBounds = true
}

Editar: tienes que importar

#import <QuartzCore/QuartzCore.h>

para usar el radio de la esquina.

Prueba esto, funcionará seguro

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

Como Rob descubrió, si desea que el color del borde sea similar, UITextFieldentonces debe cambiar el ancho del borde a 2.0 y el color a gris agregando la siguiente línea

[textView.layer setBorderColor:[[[UIColor grayColor] colorWithAlphaComponent:0.5] CGColor]]; 
[textView.layer setBorderWidth:2.0];

Quería el verdadero negocio, así que agrego UIImageViewcomo una subvista de la UITextView. Esto coincide con el borde nativo en un UITextField, incluido el gradiente de arriba a abajo:

textView.backgroundColor = [UIColor clearColor];
UIImageView *borderView = [[UIImageView alloc] initWithFrame: CGRectMake(0, 0, textView.frame.size.width, textView.frame.size.height)];
borderView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
UIImage *textFieldImage = [[UIImage imageNamed:@"TextField.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(15, 8, 15, 8)];
borderView.image = textFieldImage;
[textField addSubview: borderView];
[textField sendSubviewToBack: borderView];

Estas son las imágenes que uso:

Una solución es agregar un UITextField debajo del UITextView , hacer que el UITextViewfondo sea transparente y deshabilitar cualquier interacción del usuario en el UITextField. Luego, en el código, cambie el UITextFieldmarco con algo así

self.textField.frame = CGRectInset(self.textView.frame, 0, -2);

Tendrá exactamente el mismo aspecto que un campo de texto.

Y según lo sugerido por Jon , debe poner este código dentro [UIViewController viewDidLayoutSubviews]de iOS 5.0+.

Para obtener el mejor efecto, debe utilizar una imagen de fondo personalizada (extensible). Así también UITextFieldse dibuja el borde redondeado del 's.

Una forma de hacerlo sin programar es hacer que el fondo del campo de texto sea transparente y luego colocar un botón de Rectificación redonda detrás de él. Asegúrese de cambiar la configuración del botón para deshabilitarlo y desmarque la Disable adjusts imagecasilla de verificación.

Es posible que desee consultar mi biblioteca llamada DCKit .

Podrá crear una vista de texto de esquina redondeada (así como un campo de texto / botón / plano UIView) Interface Builderdirectamente desde:

También tiene muchas otras características útiles, como campos de texto con validación, controles con bordes, bordes discontinuos, vistas de círculo y rayita, etc.

Sé que ya hay muchas respuestas a esta, pero realmente no encontré ninguna de ellas suficiente (al menos en Swift). Quería una solución que proporcionara el mismo borde exacto que un UITextField (no una aproximada que se vea más o menos como se ve ahora, pero una que se ve exactamente igual y siempre se verá exactamente igual). Necesitaba usar un UITextField para respaldar el UITextView para el fondo, pero no quería tener que crearlo por separado cada vez.

La solución a continuación es un UITextView que proporciona su propio UITextField para el borde. Esta es una versión reducida de mi solución completa (que agrega soporte de "marcador de posición" al UITextView de manera similar) y se publicó aquí: https://stackoverflow.com/a/36561236/1227119

// This class implements a UITextView that has a UITextField behind it, where the 
// UITextField provides the border.
//
class TextView : UITextView, UITextViewDelegate
{
    var textField = TextField();

    required init?(coder: NSCoder)
    {
        fatalError("This class doesn't support NSCoding.")
    }

    override init(frame: CGRect, textContainer: NSTextContainer?)
    {
        super.init(frame: frame, textContainer: textContainer);

        self.delegate = self;

        // Create a background TextField with clear (invisible) text and disabled
        self.textField.borderStyle = UITextBorderStyle.RoundedRect;
        self.textField.textColor = UIColor.clearColor();
        self.textField.userInteractionEnabled = false;

        self.addSubview(textField);
        self.sendSubviewToBack(textField);
    }

    convenience init()
    {
        self.init(frame: CGRectZero, textContainer: nil)
    }

    override func layoutSubviews()
    {
        super.layoutSubviews()
        // Do not scroll the background textView
        self.textField.frame = CGRectMake(0, self.contentOffset.y, self.frame.width, self.frame.height);
    }

    // UITextViewDelegate - Note: If you replace delegate, your delegate must call this
    func scrollViewDidScroll(scrollView: UIScrollView)
    {
        // Do not scroll the background textView
        self.textField.frame = CGRectMake(0, self.contentOffset.y, self.frame.width, self.frame.height);
    }        
}

Una forma de hacerlo sin programar es hacer que el fondo del campo de texto sea transparente y luego colocar un botón de Rectificación redonda detrás de él. Asegúrese de cambiar la configuración del botón para deshabilitarlo y desmarque la casilla de verificación Deshabilitar ajustes de imagen.

Intenté el código Quartzcore y descubrí que causaba un retraso en mi 3G anterior (lo uso para las pruebas). No es un gran problema, pero si desea ser lo más inclusivo posible para diferentes dispositivos iOS y hardware, le recomiendo la respuesta de Andrew_L anterior, o haga sus propias imágenes y aplique en consecuencia.

Hay una gran imagen de fondo que es idéntica a la UITextViewutilizada para enviar mensajes de texto en la aplicación Mensajes de iPhone. Necesitará Adobe Illustrator para obtenerlo y modificarlo. elementos de vector de ui de iphone

#import <QuartzCore/QuartzCore.h>
- (void)viewDidLoad{
  UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(50, 220, 200, 100)];
  textView.layer.cornerRadius = 5;
  textView.clipsToBounds = YES;
  [textView.layer setBackgroundColor: [[UIColor whiteColor] CGColor]];
  [textView.layer setBorderColor: [[UIColor grayColor] CGColor]];
  [textView.layer setBorderWidth: 1.0];
  [textView.layer setCornerRadius:8.0f];
  [textView.layer setMasksToBounds:YES];
  [self.view addSubView:textview];
}

Puede crear un campo de texto que no acepte ningún evento encima de una vista de texto como este:

CGRect frameRect = descriptionTextField.frame;
frameRect.size.height = 50;
descriptionTextField.frame = frameRect;
descriptionTextView.frame = frameRect;
descriptionTextField.backgroundColor = [UIColor clearColor];
descriptionTextField.enabled = NO;
descriptionTextView.layer.cornerRadius = 5;
descriptionTextView.clipsToBounds = YES;

Si desea mantener limpio el código de su controlador, puede subclasificar UITextView como se muestra a continuación y cambiar el nombre de la clase en el Creador de interfaces.

RoundTextView.h

#import <UIKit/UIKit.h>
@interface RoundTextView : UITextView
@end

RoundTextView.m

#import "RoundTextView.h"
#import <QuartzCore/QuartzCore.h>
@implementation RoundTextView
-(id) initWithCoder:(NSCoder *)aDecoder {
    if (self = [super initWithCoder:aDecoder]) {
        [self.layer setBorderColor:[[[UIColor grayColor] colorWithAlphaComponent:0.333] CGColor]];
        [self.layer setBorderWidth:1.0];
        self.layer.cornerRadius = 5;
        self.clipsToBounds = YES;
    }
    return self;
}
@end

Aquí está mi solución:

- (void)viewDidLoad {
    [super viewDidLoad];


    self.textView.text = self.messagePlaceholderText;
    self.textView.layer.backgroundColor = [[UIColor whiteColor] CGColor];
    self.textView.layer.borderColor = [[[UIColor grayColor] colorWithAlphaComponent:0.3] CGColor];
    self.textView.layer.borderWidth = 0.5;
    self.textView.layer.cornerRadius = 5.5f;
    self.textView.layer.masksToBounds = YES;
    self.textView.textColor = [[UIColor grayColor] colorWithAlphaComponent:0.4];
}

- (void)textViewDidBeginEditing:(UITextView *)textView {
    if (textView == self.tvMessage) {
        // Delete placeholder text
        if ([self.textView.text isEqualToString:self.messagePlaceholderText]) {
            self.textView.text = @"";
            self.textView.textColor = [UIColor blackColor];
        }
    }
}

- (void)textViewDidEndEditing:(UITextView *)textView {
    if (textView == self.tvMessage) {
        // Write placeholder text
        if (self.textView.text.length == 0) {
            self.textView.text = self.messagePlaceholderText;
            self.textView.textColor = [[UIColor grayColor] colorWithAlphaComponent:0.4];
        }
    }
}

No creo que sea posible. pero puede hacerlo UITableView(agrupado) con 1 sección y 1 celda vacía y usarlo como contenedor para su UITextView.

Esta es una vieja pregunta, y también me buscaron por esta respuesta. La respuesta de luvieeres es 100% correcta y luego Rob agregó un código. Eso es excelente, pero encontré un tercero en otra respuesta a las preguntas que me parece muy útil. Yo no sólo se buscó aspecto similar de UITextFieldmás UITextView, también se buscó el apoyo de varias líneas. ChatInputSample satisfizo a ambos. Por eso creo que este tercero podría ser útil para otros. También gracias a Timur, mencionó este código abierto aquí .

En iOS7, lo siguiente coincide perfectamente con el borde UITextField (al menos para mi ojo):

textField.layer.borderColor = [[[UIColor grayColor] colorWithAlphaComponent:0.5] CGColor];
textField.layer.borderWidth = 0.5;
textField.layer.cornerRadius = 5;
textField.clipsToBounds = YES;

No hay necesidad de importar nada especial.

Gracias a @uvieere y @hanumanDev cuyas respuestas me llevan casi allí :)

¿Qué tal solo:

UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(20, 20, 280, 32)];
textField.borderStyle = UITextBorderStyleRoundedRect;
[self addSubview:textField];