Wie kann ich eine UITextView an ihren Inhalt anpassen?

Gibt es eine gute Möglichkeit, die Größe von a UITextViewan den Inhalt anzupassen? Angenommen, ich habe eine UITextView, die eine Textzeile enthält:

"Hello world"

Ich füge dann eine weitere Textzeile hinzu:

"Goodbye world"

Gibt es in Cocoa Touch eine gute Möglichkeit rect, alle Zeilen in der Textansicht zu speichern, damit ich die übergeordnete Ansicht entsprechend anpassen kann?

Sehen Sie sich als weiteres Beispiel das Notizfeld für Ereignisse in der Kalenderanwendung an. Beachten Sie, wie die Zelle (und die UITextViewdarin enthaltenen) erweitert wird, um alle Textzeilen in der Zeichenfolge der Notizen aufzunehmen.

Dies funktioniert sowohl für iOS 6.1 als auch für 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;
}

Oder in Swift (funktioniert mit Swift 4.1 in 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)

Wenn Sie Unterstützung für iOS 6.1 wünschen, sollten Sie auch:

textview.scrollEnabled = NO;

Dies funktioniert nicht mehr unter iOS 7 oder höher

Es gibt tatsächlich eine sehr einfache Möglichkeit, die UITextViewGröße des Inhalts auf die richtige Höhe des Inhalts zu ändern . Dies kann mit dem erfolgen UITextView contentSize.

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

Zu beachten ist, dass das Richtige contentSizeerst verfügbar ist, nachdem das UITextViewder Ansicht mit hinzugefügt wurde addSubview. Vorher ist es gleichframe.size

Dies funktioniert nicht, wenn das automatische Layout aktiviert ist. Beim automatischen Layout besteht der allgemeine Ansatz darin, die sizeThatFitsMethode zu verwenden und den constantWert für eine Höhenbeschränkung zu aktualisieren .

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

heightConstraint ist eine Layoutbeschränkung, die Sie normalerweise über ein IBOutlet einrichten, indem Sie die Eigenschaft mit der in einem Storyboard erstellten Höhenbeschränkung verknüpfen.

Nur um diese erstaunliche Antwort, 2014, hinzuzufügen, wenn Sie:

[self.textView sizeToFit];

Es gibt nur beim iPhone6 ​​+ einen Unterschied im Verhalten :

Nur mit 6+ (nicht mit 5s oder 6) wird der UITextView "eine weitere Leerzeile" hinzugefügt. Die "RL-Lösung" behebt dies perfekt:

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

Es behebt das Problem der "zusätzlichen Leitung" bei 6+.

Um eine dynamische Größe UITextViewinnerhalb von a zu erstellen UITableViewCell, habe ich festgestellt, dass die folgende Kombination in Xcode 6 mit dem iOS 8 SDK funktioniert:

• Fügen Sie a UITextViewzu a hinzuUITableViewCell und beschränken Sie es auf die Seiten
• Legen Sie die UITextView‚s - scrollEnabledEigenschaft auf NO. Wenn das Scrollen aktiviert ist, ist der Frame von UITextViewunabhängig von seiner Inhaltsgröße, aber wenn das Scrollen deaktiviert ist, besteht eine Beziehung zwischen beiden.

• Wenn Ihre Tabelle die ursprüngliche Standardzeilenhöhe von 44 verwendet, werden automatisch die Zeilenhöhen berechnet. Wenn Sie jedoch die Standardzeilenhöhe in etwas anderes geändert haben, müssen Sie möglicherweise die automatische Berechnung der Zeilenhöhen manuell aktivieren in viewDidLoad:

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

Für schreibgeschützte dynamische Größen von UITextViews ist es das. Wenn Sie Benutzern erlauben, den Text in Ihrem zu bearbeiten UITextView, müssen Sie außerdem:

• Implementieren Sie die textViewDidChange:Methode des UITextViewDelegateProtokolls und weisen Sie das tableViewan, sich jedes Mal neu zu malen, wenn der Text bearbeitet wird:

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

• Und vergessen Sie nicht, den UITextViewDelegierten irgendwo in Storyboardoder in zu setzentableView:cellForRowAtIndexPath:

Sehr einfach zu arbeitende Lösung mit Code und Storyboard.

Nach Code

textView.scrollEnabled = false

Mit dem Storyboard

Deaktivieren Sie das Scrolling aktivieren

Sie müssen nichts anderes tun.

Swift:

textView.sizeToFit()

Nach meiner (begrenzten) Erfahrung

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

respektiert keine Zeilenumbrüche, so dass Sie am Ende viel kürzer sein können, CGSizeals tatsächlich erforderlich ist.

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

scheint die Zeilenumbrüche zu respektieren.

Außerdem wird der Text nicht oben im Bild gerendert UITextView. In meinem Code habe ich die neue Höhe von UITextView24 Pixel größer als die von den sizeOfFontMethoden zurückgegebene Höhe festgelegt.

In iOS6 können Sie die contentSizeEigenschaft von UITextView direkt nach dem Festlegen des Texts überprüfen . In iOS7 funktioniert dies nicht mehr. Wenn Sie dieses Verhalten für iOS7 wiederherstellen möchten, platzieren Sie den folgenden Code in einer Unterklasse von 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;
    }
}

Ich werde die richtige Lösung am Ende der Seite veröffentlichen, falls jemand mutig (oder verzweifelt genug) ist, bis zu diesem Punkt zu lesen.

Hier ist gitHub Repo für diejenigen, die den ganzen Text nicht lesen möchten: resizableTextView

Dies funktioniert mit iOs7 (und ich glaube, es wird mit iOs8 funktionieren) und mit Autolayout. Sie brauchen keine magischen Zahlen, deaktivieren das Layout und ähnliches. Kurze und elegante Lösung.

Ich denke, dass der gesamte Code, der sich auf Einschränkungen bezieht, zur updateConstraintsMethode gehen sollte . Also, machen wir unsere eigenen ResizableTextView.

Das erste Problem, auf das wir hier stoßen, ist, dass wir die tatsächliche Größe des Inhalts vor der viewDidLoadMethode nicht kennen . Wir können einen langen und fehlerhaften Weg nehmen und ihn basierend auf Schriftgröße, Zeilenumbrüchen usw. berechnen. Aber wir brauchen eine robuste Lösung, also tun wir Folgendes:

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

Jetzt kennen wir also echte ContentSize, egal wo wir sind: vorher oder nachher viewDidLoad. Fügen Sie nun textView eine Höhenbeschränkung hinzu (über Storyboard oder Code, egal wie). Wir werden diesen Wert mit unserem anpassen contentSize.height:

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

Das Letzte, was zu tun ist, ist, Superklasse zu sagen updateConstraints.

[super updateConstraints];

Jetzt sieht unsere Klasse so aus:

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

Schön und sauber, oder? Und Sie müssen sich nicht mit diesem Code in Ihren Controllern befassen !

Aber warte! Y KEINE ANIMATION!

Sie können Änderungen leicht animieren, um die textViewDehnung reibungslos zu gestalten. Hier ist ein Beispiel:

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

Hast du versucht [textView sizeThatFits:textView.bounds] ?

Bearbeiten: sizeThatFits gibt die Größe zurück, ändert jedoch nicht die Größe der Komponente. Ich bin mir nicht sicher, ob Sie das wollen oder ob [textView sizeToFit]es mehr ist, wonach Sie gesucht haben. In beiden Fällen weiß ich nicht, ob es perfekt zum gewünschten Inhalt passt, aber es ist das erste, was Sie versuchen sollten.

Eine andere Methode ist das Finden der Größe, die eine bestimmte Zeichenfolge mit der NSStringMethode annehmen wird:

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

Dies gibt die Größe des Rechtecks ​​zurück, das der angegebenen Zeichenfolge mit der angegebenen Schriftart entspricht. Übergeben Sie eine Größe mit der gewünschten Breite und einer maximalen Höhe. Anschließend können Sie die zurückgegebene Höhe anzeigen, um sie an den Text anzupassen. Es gibt eine Version, mit der Sie auch den Zeilenumbruchmodus festlegen können.

Sie können dann die zurückgegebene Größe verwenden, um die Größe Ihrer Ansicht anzupassen.

Wenn Sie nicht über die UITextViewpraktischen Funktionen verfügen (z. B. die Größe von Zellen in der Tabellenansicht), müssen Sie die Größe berechnen, indem Sie die Zeichenfolge messen und dann die 8-Punkt-Polsterung auf jeder Seite von a berücksichtigen UITextView. Wenn Sie beispielsweise die gewünschte Breite Ihrer Textansicht kennen und die entsprechende Höhe ermitteln möchten:

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

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

Hier macht jede 8 eine der vier gepolsterten Kanten aus, und 100000 dient nur als sehr große maximale Größe.

In der Praxis möchten Sie möglicherweise ein zusätzliches Element font.leadingzur Höhe hinzufügen . Dies fügt eine leere Zeile unter Ihrem Text hinzu, die möglicherweise besser aussieht, wenn sich direkt unter der Textansicht visuell starke Steuerelemente befinden.

Wir können es durch Einschränkungen tun.

1. Festlegen von Höhenbeschränkungen für UITextView.

2.Erstellen Sie das IBOutlet für diese Höhenbeschränkung.

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

3. Vergessen Sie nicht, den Delegaten für Ihre Textansicht festzulegen.

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

}

dann aktualisiere deine Einschränkung so :)

Folgende Dinge reichen aus:

1. Denken Sie daran, das Aktivieren des Bildlaufs für Folgendes auf NEIN zu setzen UITextView:

2. Stellen Sie die Einschränkungen für das automatische Layout richtig ein.

Sie können sogar verwenden UITableViewAutomaticDimension.

In Kombination mit der Antwort von Mike McMaster möchten Sie vielleicht Folgendes tun:

[myTextView setDelegate: self];

...

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

Ich habe eine Möglichkeit gefunden, die Höhe eines Textfelds entsprechend dem darin enthaltenen Text zu ändern und auch eine Beschriftung darunter basierend auf der Höhe des Textfelds anzuordnen! Hier ist der Code.

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

Leute, die Autolayout verwenden und deren Größe nicht funktioniert, überprüfen Sie bitte einmal Ihre Breitenbeschränkung. Wenn Sie die Breitenbeschränkung übersehen haben, ist die Höhe genau.

Sie müssen keine andere API verwenden. Nur eine Zeile würde das ganze Problem beheben.

[_textView sizeToFit];

Hier ging es mir nur um die Höhe, um die Breite fest zu halten und um die Breitenbeschränkung meiner TextView im Storyboard zu übersehen.

Und dies sollte den dynamischen Inhalt der Dienste anzeigen.

Hoffe das könnte helfen ..

Ab iOS 8 ist es möglich, die automatischen Layoutfunktionen einer UITableView zu verwenden, um die Größe einer UITextView ohne benutzerdefinierten Code automatisch zu ändern. Ich habe ein Projekt in Github gestellt , das dies in Aktion demonstriert, aber hier ist der Schlüssel:

1. In UITextView muss das Scrollen deaktiviert sein. Dies kann programmgesteuert oder über den Interface Builder erfolgen. Die Größe wird nicht geändert, wenn das Scrollen aktiviert ist, da Sie durch Scrollen den größeren Inhalt anzeigen können.
2. In viewDidLoad für die UITableViewController, müssen Sie einen Wert für estimatedRowHeight gesetzt und stellen Sie dann das rowHeightzu UITableViewAutomaticDimension.

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

3. Das Projektbereitstellungsziel muss iOS 8 oder höher sein.

Ich habe alle Antworten überprüft und alle behalten die feste Breite bei und passen nur die Höhe an. Wenn Sie auch die Breite anpassen möchten, können Sie diese Methode ganz einfach verwenden:

Wenn Sie Ihre Textansicht konfigurieren, deaktivieren Sie den Bildlauf

textView.isScrollEnabled = false

und func textViewDidChange(_ textView: UITextView)fügen Sie dann in der Delegate-Methode diesen Code hinzu:

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

Ausgänge:

Dies funktionierte gut, wenn ich Text in a machen musste UITextView einem bestimmten Bereich anpassen musste:

// Der Text muss bereits zur Unteransicht hinzugefügt worden sein, sonst ist die Inhaltsansicht falsch.

- (void) reduFontToFit: (UITextView *) tv {
    UIFont * font = tv.font;
    double pointSize = font.pointSize;

    while (tv.contentSize.height> tv.frame.size.height && pointSize> 7.0) {
        pointSize - = 1.0;
        UIFont * newFont = [UIFont fontWithName: font.fontName Größe: pointSize];
        tv.font = newFont;
    }}
    if (pointSize! = font.pointSize)
        NSLog (@ "Schriftart bis% .1f von% .1f", pointSize, tv.font.pointSize);
}}

Hier ist die schnelle Version von @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

Scrollen deaktivieren

füge Konstanten hinzu

und fügen Sie Ihren Text hinzu

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

Wenn Sie verwenden UIScrollView, sollten Sie dies auch hinzufügen.

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

Für iOS 7.0 wird anstelle der Einstellung frame.size.heightdie contentSize.height(die derzeit nichts tut) verwendet[textView sizeToFit] .

Siehe diese Frage .

Die Verwendung von UITextViewDelegate ist der einfachste Weg:

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

Hoffe das hilft:

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

Wenn andere hierher kommen, funktioniert diese Lösung für mich, 1 "Ronnie Liew" +4 "user63934" (Mein Text kommt vom Webdienst): Beachten Sie die 1000 (nichts kann "in meinem Fall" so groß sein)

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;

Und das ist ... Prost

Der beste Weg, den ich gefunden habe, um die Höhe der UITextView entsprechend der Größe des Textes zu ändern.

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

oder Sie können verwenden

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

Für diejenigen, die möchten, dass die Textansicht tatsächlich nach oben verschoben wird und die Position der unteren Zeile beibehalten wird

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);
}

Der einzige Code, der funktioniert, ist der, der 'SizeToFit' wie in der obigen Antwort von jhibberd verwendet, aber tatsächlich nicht aufgenommen wird, es sei denn, Sie rufen ihn in ViewDidAppear auf oder verbinden ihn mit dem Textänderungsereignis UITextView.

Basierend auf der Antwort von Nikita Took kam ich in Swift zu der folgenden Lösung, die unter iOS 8 mit Autolayout funktioniert:

    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
            }
        }
    }

Schnelle Antwort: Der folgende Code berechnet die Höhe Ihrer Textansicht.

                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)))

Jetzt können Sie die Höhe Ihrer Textansicht auf einstellen myTextHeight