¿Cómo dimensiono un UITextView a su contenido?

¿Hay una buena manera de ajustar el tamaño de un UITextViewpara que se ajuste a su contenido? Digamos, por ejemplo, que tengo un UITextViewque contiene una línea de texto:

"Hello world"

Luego agrego otra línea de texto:

"Goodbye world"

¿Hay una buena manera en Cocoa Touch para obtener el rectque contendrá todas las líneas en la vista de texto para que pueda ajustar la vista principal en consecuencia?

Como otro ejemplo, mire el campo de notas para eventos en la aplicación Calendario: observe cómo la celda (y la UITextViewque contiene) se expande para contener todas las líneas de texto en la cadena de notas.

Esto funciona tanto para iOS 6.1 como para iOS 7:

- (void)textViewDidChange:(UITextView *)textView
{
    CGFloat fixedWidth = textView.frame.size.width;
    CGSize newSize = [textView sizeThatFits:CGSizeMake(fixedWidth, MAXFLOAT)];
    CGRect newFrame = textView.frame;
    newFrame.size = CGSizeMake(fmaxf(newSize.width, fixedWidth), newSize.height);
    textView.frame = newFrame;
}

O en Swift (funciona con Swift 4.1 en iOS 11)

let fixedWidth = textView.frame.size.width
let newSize = textView.sizeThatFits(CGSize(width: fixedWidth, height: CGFloat.greatestFiniteMagnitude))
textView.frame.size = CGSize(width: max(newSize.width, fixedWidth), height: newSize.height)

Si desea soporte para iOS 6.1, entonces también debe:

textview.scrollEnabled = NO;

Esto ya no funciona en iOS 7 o superior

En realidad, hay una manera muy fácil de cambiar el tamaño del contenido UITextViewa su altura correcta. Se puede hacer usando el UITextView contentSize.

CGRect frame = _textView.frame;
frame.size.height = _textView.contentSize.height;
_textView.frame = frame;

Una cosa a destacar es que la correcta contentSizesólo está disponible después de la UITextViewha sido añadido a la vista con addSubview. Antes de eso es igual aframe.size

Esto no funcionará si el diseño automático está activado. Con el diseño automático, el enfoque general es utilizar el sizeThatFitsmétodo y actualizar el constantvalor en una restricción de altura.

CGSize sizeThatShouldFitTheContent = [_textView sizeThatFits:_textView.frame.size];
heightConstraint.constant = sizeThatShouldFitTheContent.height;

heightConstraint es una restricción de diseño que normalmente configura a través de un IBOutlet al vincular la propiedad a la restricción de altura creada en un guión gráfico.

Solo para agregar a esta increíble respuesta, 2014, si usted:

[self.textView sizeToFit];

Hay una diferencia de comportamiento solo con el iPhone6 ​​+ :

Con el 6+ solamente (no el 5s o el 6) agrega "una línea en blanco más" al UITextView. La "solución RL" soluciona esto perfectamente:

CGRect _f = self.mainPostText.frame;
_f.size.height = self.mainPostText.contentSize.height;
self.mainPostText.frame = _f;

Soluciona el problema de "línea extra" en 6+.

Para realizar un dimensionamiento dinámico UITextViewdentro de a UITableViewCell, encontré que la siguiente combinación funciona en Xcode 6 con el SDK de iOS 8:

• Agregue a UITextViewa a UITableViewCelly restrinja a los lados
• Ajuste el UITextView's scrollEnabledpropiedad a NO. Con el desplazamiento habilitado, el marco del archivo UITextViewes independiente de su tamaño de contenido, pero con el desplazamiento deshabilitado, existe una relación entre los dos.

• Si su tabla utiliza la altura de fila predeterminada original de 44, calculará automáticamente las alturas de fila, pero si cambió la altura de fila predeterminada a otra, es posible que deba activar manualmente el cálculo automático de las alturas de fila en viewDidLoad:

  tableView.estimatedRowHeight = 150;
  tableView.rowHeight = UITableViewAutomaticDimension;

Para dimensionamiento dinámico de solo lectura UITextView, eso es todo. Si está permitiendo que los usuarios editen el texto en su UITextView, también necesita:

• Implemente el textViewDidChange:método del UITextViewDelegateprotocolo y dígale tableViewque se repinte cada vez que se edite el texto:

  - (void)textViewDidChange:(UITextView *)textView;
  {
      [tableView beginUpdates];
      [tableView endUpdates];
  }

• Y no olvide establecer el UITextViewdelegado en algún lugar, ya sea en Storyboardo entableView:cellForRowAtIndexPath:

Solución de trabajo muy fácil usando código y guión gráfico.

Por código

textView.scrollEnabled = false

Por Storyboard

Desmarca la opción Habilitar desplazamiento

No es necesario hacer nada aparte de esto.

Rápido:

textView.sizeToFit()

En mi experiencia (limitada),

- (CGSize)sizeWithFont:(UIFont *)font forWidth:(CGFloat)width lineBreakMode:(UILineBreakMode)lineBreakMode

no respeta los caracteres de nueva línea, por lo que puede terminar con un formato mucho más corto de lo CGSizeque realmente se requiere.

- (CGSize)sizeWithFont:(UIFont *)font constrainedToSize:(CGSize)size

parece respetar las nuevas líneas.

Además, el texto no se representa realmente en la parte superior de UITextView. En mi código, configuré la nueva altura de UITextView24 píxeles más grande que la altura devuelta por los sizeOfFontmétodos.

En iOS6, puede verificar la contentSizepropiedad de UITextView justo después de configurar el texto. En iOS7, esto ya no funcionará. Si desea restaurar este comportamiento para iOS7, coloque el siguiente código en una subclase de UITextView.

- (void)setText:(NSString *)text
{
    [super setText:text];

    if (NSFoundationVersionNumber > NSFoundationVersionNumber_iOS_6_1) {
        CGRect rect = [self.textContainer.layoutManager usedRectForTextContainer:self.textContainer];
        UIEdgeInsets inset = self.textContainerInset;
        self.contentSize = UIEdgeInsetsInsetRect(rect, inset).size;
    }
}

Publicaré la solución correcta en la parte inferior de la página en caso de que alguien sea valiente (o lo suficientemente desesperado) como para leer hasta este punto.

Aquí está el repositorio de gitHub para aquellos que no quieren leer todo ese texto: resizableTextView

Esto funciona con iOs7 (y creo que funcionará con iOs8) y con autolayout. No necesita números mágicos, deshabilite el diseño y cosas así. Solución corta y elegante.

Creo que todo el código relacionado con restricciones debería ir al updateConstraintsmétodo. Entonces, hagamos el nuestro ResizableTextView.

El primer problema que encontramos aquí es que no conocemos el tamaño real del contenido antes del viewDidLoadmétodo. Podemos tomar un camino largo y con errores y calcularlo en función del tamaño de fuente, los saltos de línea, etc. Pero necesitamos una solución robusta, así que haremos:

CGSize contentSize = [self sizeThatFits:CGSizeMake(self.frame.size.width, FLT_MAX)];

Así que ahora sabemos contenido real Tamaño sin importar dónde estemos: antes o después viewDidLoad. Ahora agregue restricción de altura en textView (a través de guión gráfico o código, no importa cómo). Ajustaremos ese valor con nuestro contentSize.height:

[self.constraints enumerateObjectsUsingBlock:^(NSLayoutConstraint *constraint, NSUInteger idx, BOOL *stop) {
    if (constraint.firstAttribute == NSLayoutAttributeHeight) {
        constraint.constant = contentSize.height;
        *stop = YES;
    }
}];

Lo último que debe hacer es decirle a la superclase updateConstraints.

[super updateConstraints];

Ahora nuestra clase se ve así:

ResizableTextView.m

- (void) updateConstraints {
    CGSize contentSize = [self sizeThatFits:CGSizeMake(self.frame.size.width, FLT_MAX)];

    [self.constraints enumerateObjectsUsingBlock:^(NSLayoutConstraint *constraint, NSUInteger idx, BOOL *stop) {
        if (constraint.firstAttribute == NSLayoutAttributeHeight) {
            constraint.constant = contentSize.height;
            *stop = YES;
        }
    }];

    [super updateConstraints];
}

Bonita y limpia, ¿verdad? ¡Y no tiene que lidiar con ese código en sus controladores !

¡Pero espera! Y NO ANIMACIÓN!

Puede animar fácilmente los cambios para que se textViewestiren suavemente. Aquí hay un ejemplo:

    [self.view layoutIfNeeded];
    // do your own text change here.
    self.infoTextView.text = [NSString stringWithFormat:@"%@, %@", self.infoTextView.text, self.infoTextView.text];
    [self.infoTextView setNeedsUpdateConstraints];
    [self.infoTextView updateConstraintsIfNeeded];
    [UIView animateWithDuration:1 delay:0 options:UIViewAnimationOptionLayoutSubviews animations:^{
        [self.view layoutIfNeeded];
    } completion:nil];

¿Lo intentaste [textView sizeThatFits:textView.bounds]?

Editar: sizeThatFits devuelve el tamaño pero en realidad no cambia el tamaño del componente. No estoy seguro de si eso es lo que quieres o si [textView sizeToFit]es más lo que estabas buscando. En cualquier caso, no sé si se ajustará perfectamente al contenido que desea, pero es lo primero que debe intentar.

Otro método es encontrar el tamaño que tomará una cadena particular usando el NSStringmétodo:

-(CGSize)sizeWithFont:(UIFont *)font constrainedToSize:(CGSize)size

Esto devuelve el tamaño del rectángulo que se ajusta a la cadena dada con la fuente dada. Pase un tamaño con el ancho deseado y una altura máxima, y ​​luego puede ver la altura devuelta para ajustarse al texto. Existe una versión que también le permite especificar el modo de salto de línea.

Luego puede usar el tamaño devuelto para cambiar el tamaño de su vista para que se ajuste.

Si no tiene a UITextViewmano (por ejemplo, está dimensionando las celdas de la vista de tabla), tendrá que calcular el tamaño midiendo la cadena y luego teniendo en cuenta los 8 puntos de relleno a cada lado de a UITextView. Por ejemplo, si conoce el ancho deseado de su vista de texto y desea calcular la altura correspondiente:

NSString * string = ...;
CGFloat textViewWidth = ...;
UIFont * font = ...;

CGSize size = CGSizeMake(textViewWidth - 8 - 8, 100000);
size.height = [string sizeWithFont:font constrainedToSize:size].height + 8 + 8;

Aquí, cada 8 representa uno de los cuatro bordes acolchados, y 100000 solo sirve como un tamaño máximo muy grande.

En la práctica, es posible que desee agregar un extra font.leadinga la altura; esto agrega una línea en blanco debajo de su texto, que puede verse mejor si hay controles visualmente pesados ​​directamente debajo de la vista de texto.

Podemos hacerlo por restricciones.

1. Establecer restricciones de altura para UITextView.

2.Cree IBOutlet para esa restricción de altura.

 @property (weak, nonatomic) IBOutlet NSLayoutConstraint *txtheightconstraints;

3.no olvide establecer delegado para su vista de texto.

4)

-(void)textViewDidChange:(UITextView *)textView
{
    CGFloat fixedWidth = textView.frame.size.width;
    CGSize newSize = [textView sizeThatFits:CGSizeMake(fixedWidth, MAXFLOAT)];
    CGRect newFrame = textView.frame;
    newFrame.size = CGSizeMake(fmaxf(newSize.width, fixedWidth), newSize.height);
    NSLog(@"this is updating height%@",NSStringFromCGSize(newFrame.size));
    [UIView animateWithDuration:0.2 animations:^{
                  _txtheightconstraints.constant=newFrame.size.height;
    }];

}

luego actualice su restricción así :)

Las siguientes cosas son suficientes:

1. Solo recuerde establecer el desplazamiento habilitado en NO para su UITextView:

2. Establezca correctamente las restricciones de diseño automático.

Incluso puedes usarlo UITableViewAutomaticDimension.

En combinación con la respuesta de Mike McMaster, es posible que desee hacer algo como:

[myTextView setDelegate: self];

...

- (void)textViewDidChange:(UITextView *)textView {
  if (myTextView == textView) {
     // it changed.  Do resizing here.
  }
}

¡Encontré una forma de cambiar el tamaño de la altura de un campo de texto de acuerdo con el texto dentro de él y también organizar una etiqueta debajo de él en función de la altura del campo de texto! Aquí está el código.

UITextView *_textView = [[UITextView alloc] initWithFrame:CGRectMake(10, 10, 300, 10)];
NSString *str = @"This is a test text view to check the auto increment of height of a text view. This is only a test. The real data is something different.";
_textView.text = str;

[self.view addSubview:_textView];
CGRect frame = _textView.frame;
frame.size.height = _textView.contentSize.height;
_textView.frame = frame;

UILabel *lbl = [[UILabel alloc] initWithFrame:CGRectMake(10, 5 + frame.origin.y + frame.size.height, 300, 20)];
lbl.text = @"Hello!";
[self.view addSubview:lbl];

Chicos que usan autolayout y su sizetofit no funciona, luego verifiquen su restricción de ancho una vez. Si se había perdido la restricción de ancho, entonces la altura será precisa.

No es necesario usar ninguna otra API. solo una línea solucionaría todo el problema.

[_textView sizeToFit];

Aquí, solo me preocupaba la altura, mantener el ancho fijo y me había perdido la restricción de ancho de mi TextView en el guión gráfico.

Y esto fue para mostrar el contenido dinámico de los servicios.

Espero que esto pueda ayudar ...

A partir de iOS 8, es posible utilizar las características de diseño automático de un UITableView para cambiar automáticamente el tamaño de un UITextView sin ningún código personalizado. He puesto un proyecto en github que demuestra esto en acción, pero aquí está la clave:

1. UITextView debe tener el desplazamiento deshabilitado, lo que puede hacer mediante programación o mediante el generador de interfaces. No cambiará de tamaño si el desplazamiento está habilitado porque el desplazamiento le permite ver el contenido más grande.
2. En viewDidLoad para UITableViewController, debe establecer un valor para estimadoRowHeight y luego establecerlo rowHeighten UITableViewAutomaticDimension.

- (void)viewDidLoad {
    [super viewDidLoad];
    self.tableView.estimatedRowHeight = self.tableView.rowHeight;
    self.tableView.rowHeight = UITableViewAutomaticDimension;
}

3. El objetivo de implementación del proyecto debe ser iOS 8 o superior.

Revisé todas las respuestas y todas mantienen un ancho fijo y solo ajusto la altura. Si desea ajustar también el ancho, puede usar fácilmente este método:

así que al configurar su vista de texto, configure el desplazamiento deshabilitado

textView.isScrollEnabled = false

y luego en el método delegado func textViewDidChange(_ textView: UITextView)agregue este código:

func textViewDidChange(_ textView: UITextView) {
    let newSize = textView.sizeThatFits(CGSize(width: CGFloat.greatestFiniteMagnitude, height: CGFloat.greatestFiniteMagnitude))
    textView.frame = CGRect(origin: textView.frame.origin, size: newSize)
}

Salidas:

Esto funcionó bien cuando necesitaba hacer que el texto se UITextViewajustara a un área específica:

// El texto ya debe agregarse a la subvista, o contentviewsize será incorrecto.

- (nulo) reduceFontToFit: (UITextView *) tv {
    UIFont * font = tv.font;
    doble pointSize = font.pointSize;

    while (tv.contentSize.height> tv.frame.size.height && pointSize> 7.0) {
        pointSize - = 1.0;
        UIFont * newFont = [UIFont fontWithName: font.fontName tamaño: pointSize];
        tv.font = newFont;
    }
    if (pointSize! = font.pointSize)
        NSLog (@ "fuente hasta% .1f desde% .1f", pointSize, tv.font.pointSize);
}

Aquí está la versión rápida de @jhibberd

    let cell:MsgTableViewCell! = self.tableView.dequeueReusableCellWithIdentifier("MsgTableViewCell", forIndexPath: indexPath) as? MsgTableViewCell
    cell.msgText.text = self.items[indexPath.row]
    var fixedWidth:CGFloat = cell.msgText.frame.size.width
    var size:CGSize = CGSize(width: fixedWidth,height: CGFloat.max)
    var newSize:CGSize = cell.msgText.sizeThatFits(size)
    var newFrame:CGRect = cell.msgText.frame;
    newFrame.size = CGSizeMake(CGFloat(fmaxf(Float(newSize.width), Float(fixedWidth))), newSize.height);
    cell.msgText.frame = newFrame
    cell.msgText.frame.size = newSize        
    return cell

deshabilitar el desplazamiento

agregar constaints

y agrega tu texto

[yourTextView setText:@"your text"];
[yourTextView layoutIfNeeded];

si lo usa UIScrollView, debe agregar esto también;

[yourScrollView layoutIfNeeded];

-(void)viewDidAppear:(BOOL)animated{
    CGRect contentRect = CGRectZero;

    for (UIView *view in self.yourScrollView.subviews) {
         contentRect = CGRectUnion(contentRect, view.frame);
    }
    self.yourScrollView.contentSize = contentRect.size;
}

Para iOS 7.0, en lugar de configurar frame.size.heightel uso contentSize.height(que actualmente no hace nada) [textView sizeToFit].

Ver esta pregunta .

Usar UITextViewDelegate es la forma más fácil:

func textViewDidChange(_ textView: UITextView) {
    textView.sizeToFit()
    textviewHeight.constant = textView.contentSize.height
}

Espero que esto ayude:

- (void)textViewDidChange:(UITextView *)textView {
  CGSize textSize = textview.contentSize;
  if (textSize != textView.frame.size)
      textView.frame.size = textSize;
}

si alguna otra llega aquí, esta solución funciona para mí, 1 "Ronnie Liew" +4 "user63934" (Mi texto llega del servicio web): tenga en cuenta el 1000 (nada puede ser tan grande "en mi caso")

UIFont *fontNormal = [UIFont fontWithName:FONTNAME size:FONTSIZE];

NSString *dealDescription = [client objectForKey:@"description"];

//4
CGSize textSize = [dealDescription sizeWithFont:fontNormal constrainedToSize:CGSizeMake(containerUIView.frame.size.width, 1000)];

CGRect dealDescRect = CGRectMake(10, 300, containerUIView.frame.size.width, textSize.height);

UITextView *dealDesc = [[[UITextView alloc] initWithFrame:dealDescRect] autorelease];

dealDesc.text = dealDescription;
//add the subview to the container
[containerUIView addSubview:dealDesc];

//1) after adding the view
CGRect frame = dealDesc.frame;
frame.size.height = dealDesc.contentSize.height;
dealDesc.frame = frame;

Y eso es ... Saludos

La mejor manera que descubrí para cambiar el tamaño de la altura de UITextView de acuerdo con el tamaño del texto.

CGSize textViewSize = [YOURTEXTVIEW.text sizeWithFont:[UIFont fontWithName:@"SAMPLE_FONT" size:14.0]
                       constrainedToSize:CGSizeMake(YOURTEXTVIEW.frame.size.width, FLT_MAX)];

o puedes USAR

CGSize textViewSize = [YOURTEXTVIEW.text sizeWithFont:[UIFont fontWithName:@"SAMPLE_FONT" size:14.0]
                       constrainedToSize:CGSizeMake(YOURTEXTVIEW.frame.size.width, FLT_MAX) lineBreakMode:NSLineBreakByTruncatingTail];

Para aquellos que desean que la vista de texto se mueva hacia arriba y mantenga la posición final

CGRect frame = textView.frame;
frame.size.height = textView.contentSize.height;

if(frame.size.height > textView.frame.size.height){
    CGFloat diff = frame.size.height - textView.frame.size.height;
    textView.frame = CGRectMake(0, textView.frame.origin.y - diff, textView.frame.size.width, frame.size.height);
}
else if(frame.size.height < textView.frame.size.height){
    CGFloat diff = textView.frame.size.height - frame.size.height;
    textView.frame = CGRectMake(0, textView.frame.origin.y + diff, textView.frame.size.width, frame.size.height);
}

El único código que funcionará es el que usa 'SizeToFit' como en la respuesta de jhibberd anterior, pero en realidad no contestará a menos que lo llame en ViewDidAppear o lo conecte al evento de cambio de texto UITextView.

Basado en la respuesta de Nikita Took, llegué a la siguiente solución en Swift que funciona en iOS 8 con autolayout:

    descriptionTxt.scrollEnabled = false
    descriptionTxt.text = yourText

    var contentSize = descriptionTxt.sizeThatFits(CGSizeMake(descriptionTxt.frame.size.width, CGFloat.max))
    for c in descriptionTxt.constraints() {
        if c.isKindOfClass(NSLayoutConstraint) {
            var constraint = c as! NSLayoutConstraint
            if constraint.firstAttribute == NSLayoutAttribute.Height {
                constraint.constant = contentSize.height
                break
            }
        }
    }

Respuesta rápida: El siguiente código calcula la altura de su textView.

                let maximumLabelSize = CGSize(width: Double(textView.frame.size.width-100.0), height: DBL_MAX)
                let options = NSStringDrawingOptions.TruncatesLastVisibleLine | NSStringDrawingOptions.UsesLineFragmentOrigin
                let attribute = [NSFontAttributeName: textView.font!]
                let str = NSString(string: message)
                let labelBounds = str.boundingRectWithSize(maximumLabelSize,
                    options: NSStringDrawingOptions.UsesLineFragmentOrigin,
                    attributes: attribute,
                    context: nil)
                let myTextHeight = CGFloat(ceilf(Float(labelBounds.height)))

Ahora puede establecer la altura de su textView en myTextHeight