Bagaimana cara mengukur ukuran UITextView untuk kontennya?

Apakah ada cara yang baik untuk menyesuaikan ukuran UITextViewagar sesuai dengan kontennya? Katakan misalnya saya punya UITextViewyang berisi satu baris teks:

"Hello world"

Saya kemudian menambahkan baris teks lain:

"Goodbye world"

Apakah ada cara yang baik di Cocoa Touch untuk mendapatkan rect yang akan menampung semua baris dalam tampilan teks sehingga saya bisa menyesuaikan tampilan induk sesuai?

Sebagai contoh lain, lihat bidang catatan untuk acara di aplikasi Kalender - perhatikan bagaimana sel (dan UITextViewberisi) memperluas untuk menahan semua baris teks dalam string catatan.

Ini berfungsi untuk iOS 6.1 dan 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;
}

Atau di Swift (Bekerja dengan Swift 4.1 di 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)

Jika Anda ingin dukungan untuk iOS 6.1 maka Anda juga harus:

textview.scrollEnabled = NO;

Ini tidak lagi berfungsi di iOS 7 atau lebih tinggi

Sebenarnya ada cara yang sangat mudah untuk melakukan pengubahan ukuran dari UITextViewketinggian konten yang benar. Ini dapat dilakukan dengan menggunakan UITextView contentSize.

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

Satu hal yang perlu diperhatikan adalah bahwa yang benar contentSizehanya tersedia setelah itu UITextViewtelah ditambahkan ke tampilan dengan addSubview. Sebelum itu sama denganframe.size

Ini tidak akan berfungsi jika tata letak otomatis AKTIF. Dengan tata letak otomatis, pendekatan umum adalah menggunakan sizeThatFitsmetode dan memperbarui constantnilai pada batasan ketinggian.

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

heightConstraint adalah kendala tata letak yang biasanya Anda siapkan melalui IBOutlet dengan menautkan properti ke batasan ketinggian yang dibuat dalam storyboard.

Untuk menambah jawaban yang luar biasa ini, 2014, jika Anda:

[self.textView sizeToFit];

ada perbedaan perilaku hanya dengan iPhone6 ​​+ :

Dengan 6+ saja (bukan 5s atau 6) itu memang menambahkan "satu lagi baris kosong" ke UITextView. "Solusi RL" memperbaiki ini dengan sempurna:

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

Ini memperbaiki masalah "garis ekstra" pada 6+.

Untuk membuat ukuran secara dinamis UITextViewdi dalam a UITableViewCell, saya menemukan kombinasi berikut berfungsi di Xcode 6 dengan iOS 8 SDK:

• Tambahkan UITextViewke UITableViewCelldan batasi ke samping
• Mengatur UITextView's scrollEnabledproperti untuk NO. Dengan menggulir diaktifkan, bingkai UITextViewbebas dari ukuran kontennya, tetapi dengan menggulir dinonaktifkan, ada hubungan antara keduanya.

• Jika tabel Anda menggunakan tinggi baris default asli 44 maka tabel akan secara otomatis menghitung ketinggian baris, tetapi jika Anda mengubah tinggi baris default ke yang lain, Anda mungkin perlu mengaktifkan penghitungan otomatis ketinggian baris secara manual di viewDidLoad:

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

Untuk ukuran read-only secara dinamis UITextView, itu saja. Jika Anda mengizinkan pengguna untuk mengedit teks di Anda UITextView, Anda juga perlu:

• Terapkan textViewDidChange:metode UITextViewDelegateprotokol, dan beri tahu tableViewuntuk mengecat ulang sendiri setiap kali teks diedit:

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

• Dan jangan lupa mengatur UITextViewdelegasi di suatu tempat, baik di dalam Storyboardatau ditableView:cellForRowAtIndexPath:

Solusi kerja yang sangat mudah menggunakan kode dan storyboard keduanya.

Dengan kode

textView.scrollEnabled = false

Oleh Storyboard

Hapus centang pada Scrolling Enable

Tidak perlu melakukan apa pun selain ini.

Cepat:

textView.sizeToFit()

Dalam pengalaman saya (terbatas),

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

tidak menghormati karakter baris baru, sehingga Anda bisa berakhir dengan jauh lebih pendek CGSizedaripada yang sebenarnya diperlukan.

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

tampaknya menghormati baris baru.

Selain itu, teks tidak benar-benar ditampilkan di bagian atas UITextView. Dalam kode saya, saya mengatur tinggi baru UITextViewmenjadi 24 piksel lebih besar dari tinggi yang dikembalikan oleh sizeOfFontmetode.

Di iOS6, Anda dapat memeriksa contentSizeproperti UITextView tepat setelah Anda mengatur teks. Di iOS7, ini tidak akan berfungsi lagi. Jika Anda ingin memulihkan perilaku ini untuk iOS7, tempatkan kode berikut di subkelas 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;
    }
}

Saya akan memposting solusi yang tepat di bagian bawah halaman jika seseorang berani (atau cukup putus asa) untuk membaca sampai titik ini.

Berikut adalah repo gitHub untuk mereka yang tidak ingin membaca semua teks itu: resizableTextView

Ini berfungsi dengan iOs7 (dan saya yakin itu akan bekerja dengan iOs8) dan dengan autolayout. Anda tidak perlu angka ajaib, nonaktifkan tata letak dan hal-hal seperti itu.Solusi singkat dan elegan.

Saya pikir, semua kode terkait kendala harus menuju ke updateConstraintsmetode. Jadi, mari kita buat sendiriResizableTextView .

Masalah pertama yang kami temui di sini adalah yang tidak tahu ukuran konten asli sebelum viewDidLoadmetode. Kita bisa mengambil jalan yang panjang dan buggy dan menghitungnya berdasarkan ukuran font, penghentian baris, dll. Tapi kita membutuhkan solusi yang kuat, jadi kita akan melakukan:

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

Jadi sekarang kita tahu sebenarnya contentSize di mana pun kita berada: sebelum atau sesudah viewDidLoad. Sekarang tambahkan batasan ketinggian pada textView (melalui storyboard atau kode, tidak peduli bagaimana). Kami akan menyesuaikan nilai itu dengan contentSize.height:

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

Hal terakhir yang harus dilakukan adalah memberi tahu superclass updateConstraints.

[super updateConstraints];

Sekarang kelas kita terlihat seperti:

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

Cantik dan bersih, bukan? Dan Anda tidak harus berurusan dengan kode itu di controller Anda !

Tapi tunggu! Y TANPA ANIMASI!

Anda dapat dengan mudah menghidupkan perubahan untuk melakukan textViewperegangan dengan lancar. Berikut ini sebuah contoh:

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

Apakah kamu sudah mencoba? [textView sizeThatFits:textView.bounds] ?

Sunting: sizeThatFits mengembalikan ukuran tetapi sebenarnya tidak mengubah ukuran komponen. Saya tidak yakin apakah itu yang Anda inginkan, atau apakah [textView sizeToFit]lebih dari yang Anda cari. Dalam kedua kasus, saya tidak tahu apakah itu akan cocok dengan konten yang Anda inginkan, tetapi ini adalah hal pertama yang harus dicoba.

Metode lain adalah menemukan ukuran string tertentu akan mengambil menggunakan NSStringmetode ini:

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

Ini mengembalikan ukuran kotak yang cocok dengan string yang diberikan dengan font yang diberikan. Masukkan ukuran dengan lebar yang diinginkan dan tinggi maksimum, dan kemudian Anda dapat melihat ketinggian yang dikembalikan agar sesuai dengan teks. Ada versi yang memungkinkan Anda menentukan mode jeda baris juga.

Anda kemudian dapat menggunakan ukuran yang dikembalikan untuk mengubah ukuran tampilan Anda agar sesuai.

Jika Anda tidak memiliki perangkat UITextViewpraktis (misalnya, Anda mengukur sel tampilan tabel), Anda harus menghitung ukuran dengan mengukur string, lalu menghitung 8 pt bantalan pada setiap sisi a UITextView. Misalnya, jika Anda mengetahui lebar tampilan teks yang diinginkan dan ingin mengetahui ketinggian yang sesuai:

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

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

Di sini, masing-masing 8 adalah akuntansi untuk salah satu dari empat tepi empuk, dan 100000 hanya berfungsi sebagai ukuran maksimum yang sangat besar.

Dalam praktiknya, Anda mungkin ingin menambahkan ekstra font.leadingpada ketinggian; ini menambahkan baris kosong di bawah teks Anda, yang mungkin terlihat lebih baik jika ada kontrol berat secara visual langsung di bawah tampilan teks.

Kita bisa melakukannya dengan kendala.

1. Tetapkan batasan Ketinggian untuk UITextView.

2.Buat IBOutlet untuk batasan ketinggian itu.

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

3. jangan lupa untuk mengatur delegasi untuk tampilan teks Anda.

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

}

kemudian perbarui kendala Anda seperti ini :)

Hal-hal berikut sudah cukup:

1. Ingatlah untuk mengatur pengguliran diaktifkan ke TIDAK untuk Anda UITextView:

2. Atur Batasan Tata Letak Otomatis dengan benar.

Anda bahkan dapat menggunakan UITableViewAutomaticDimension.

Dikombinasikan dengan jawaban Mike McMaster, Anda mungkin ingin melakukan sesuatu seperti:

[myTextView setDelegate: self];

...

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

Saya menemukan cara untuk mengubah ukuran ketinggian bidang teks sesuai dengan teks di dalamnya dan juga mengatur label di bawahnya berdasarkan ketinggian bidang teks! Ini kodenya.

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

Cowok yang menggunakan autolayout dan sizetofit Anda tidak berfungsi, maka silakan periksa batasan lebar Anda satu kali. Jika Anda melewatkan batasan lebar maka ketinggiannya akan akurat.

Tidak perlu menggunakan API lainnya. hanya satu baris yang akan memperbaiki semua masalah.

[_textView sizeToFit];

Di sini, saya hanya mementingkan ketinggian, menjaga lebar tetap dan telah melewatkan batasan lebar TextView saya di storyboard.

Dan ini untuk menampilkan konten dinamis dari layanan.

Semoga ini bisa membantu ..

Dimulai dengan iOS 8, dimungkinkan untuk menggunakan fitur tata letak otomatis dari UITableView untuk secara otomatis mengubah ukuran UITextView tanpa kode kustom sama sekali. Saya telah meletakkan sebuah proyek di github yang menunjukkan hal ini dalam tindakan, tetapi inilah kuncinya:

1. UITextView harus memiliki scrolling yang dinonaktifkan, yang dapat Anda lakukan secara terprogram atau melalui pembuat antarmuka. Ini tidak akan mengubah ukuran jika menggulir diaktifkan karena menggulir memungkinkan Anda melihat konten yang lebih besar.
2. Di viewDidLoad untuk UITableViewController, Anda harus menetapkan nilai untuk taksiranRowHeight dan kemudian mengatur rowHeightuntuk UITableViewAutomaticDimension.

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

3. Target penyebaran proyek harus iOS 8 atau lebih besar.

Saya meninjau semua jawaban dan semuanya menjaga lebar tetap dan hanya menyesuaikan ketinggian. Jika Anda ingin menyesuaikan lebar juga, Anda dapat dengan mudah menggunakan metode ini:

jadi saat mengonfigurasi tampilan teks Anda, atur scroll dinonaktifkan

textView.isScrollEnabled = false

dan kemudian dalam metode delegasikan func textViewDidChange(_ textView: UITextView)tambahkan kode ini:

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

Output:

Ini berfungsi dengan baik ketika saya perlu membuat teks dalam UITextView area tertentu:

// Teks harus sudah ditambahkan ke subview, atau contentviewsize akan salah.

- (void) kurangiFontToFit: (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 size: pointSize];
        tv.font = newFont;
    }
    if (pointSize! = font.pointSize)
        NSLog (@ "font ke% .1f dari% .1f", pointSize, tv.font.pointSize);
}

di sini adalah versi cepat dari @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

nonaktifkan scrolling

tambahkan kendala

dan tambahkan teks Anda

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

jika Anda menggunakan UIScrollViewAnda harus menambahkan ini juga;

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

Untuk iOS 7.0, alih-alih mengatur frame.size.heightke contentSize.height(yang saat ini tidak melakukan apa-apa) digunakan [textView sizeToFit].

Lihat pertanyaan ini .

Menggunakan UITextViewDelegate adalah cara termudah:

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

Semoga ini membantu:

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

jika ada yang lain dapatkan di sini, solusi ini berfungsi untuk saya, 1 "Ronnie Liew" +4 "user63934" (Teks saya tiba dari layanan web): perhatikan 1000 (tidak ada yang bisa sebesar ini "dalam kasus saya")

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;

Dan itu ... Ceria

Cara terbaik yang saya temukan untuk mengukur ulang ketinggian UITextView sesuai dengan ukuran teks.

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

atau Anda bisa MENGGUNAKAN

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

Bagi mereka yang ingin tampilan teks benar-benar bergerak ke atas dan mempertahankan posisi garis bawah

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

Satu-satunya kode yang akan berfungsi adalah kode yang menggunakan 'SizeToFit' seperti pada jhibberd jawaban di atas tetapi sebenarnya tidak akan mengambil kecuali Anda memanggilnya di ViewDidAppear atau mengirimnya ke teks UITextView mengubah acara.

Berdasarkan jawaban Nikita Took, saya menemukan solusi berikut di Swift yang bekerja di iOS 8 dengan 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
            }
        }
    }

Jawaban cepat: Kode berikut menghitung ketinggian textView Anda.

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

Sekarang Anda dapat mengatur ketinggian textView Anda myTextHeight