Випуск динамічної висоти для клітин UITableView (Swift)

Динамічний текст змінної довжини вставляється в мітки комірок табличного перегляду. Для того, щоб висоти комірок табличного перегляду мали динамічний розмір, я реалізував у viewDidLoad():

self.tableView.estimatedRowHeight = 88.0
self.tableView.rowHeight = UITableViewAutomaticDimension

Це добре працює для комірок, до яких ще не потрібно прокрутити (як UITableViewAutomaticDimentionце називається при прокрутці до комірки), але не для комірок, які спочатку відображаються на екрані при завантаженні таблиці з даними.

Я спробував просто перезавантажити дані (як пропонується у багатьох інших ресурсах):

self.tableView.reloadData()

в обох viewDidAppear()і viewWillAppear()і це не дало результату. Я загубився .. хтось знає, як зробити так, щоб xcode відображав динамічну висоту для клітинок, завантажених спочатку на екран?

Будь ласка, дайте мені знати, якщо є кращий альтернативний метод.

Спробуйте це:

func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

РЕДАГУВАТИ

func tableView(tableView: UITableView, estimatedHeightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

Стрімкий 4

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

Свіфт 4.2

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableView.automaticDimension
}

Визначте вище обидва методи.
Це вирішує проблему.

PS: Для роботи потрібні верхні та нижні обмеження.

Ось приклад

Використовуй це:

tableView.rowHeight = UITableViewAutomaticDimension
tableView.estimatedRowHeight = 300

і не використовувати: heightForRowAtIndexPathделегувати функцію

Крім того, в раскадровці не встановлюйте висоту мітки, що містить велику кількість даних. Дайте йому top, bottom, leading, trailingобмеження.

SWIFT 3

tableView.rowHeight = UITableViewAutomaticDimension
tableView.estimatedRowHeight = 160

І !!! У storyBoard: ВИ ПОВИННІ встановити обмеження TOP & BOTTOM для вашого ярлика. Більш нічого.

Ця дивна помилка була вирішена за допомогою параметрів Interface Builder, оскільки інші відповіді не вирішили проблему.

Все, що я зробив, це зробити розмір мітки за замовчуванням більшим, ніж потенційно міг би бути вміст, і також відобразити його на estimatedRowHeightвисоті. Раніше я встановив висоту рядка за замовчуванням у Interface Builder 88pxі відобразив це так у своєму контролері viewDidLoad():

self.tableView.rowHeight = UITableViewAutomaticDimension
self.tableView.estimatedRowHeight = 88.0

Але це не спрацювало. Тож я зрозумів, що вміст ніколи не стане більшим, ніж можливо 100px, тому встановив висоту комірки за замовчуванням 108px(більшу, ніж потенційний вміст) і відобразив це так само в контролері viewDidLoad():

self.tableView.rowHeight = UITableViewAutomaticDimension
self.tableView.estimatedRowHeight = 108.0

Це фактично дозволило коду зменшити початкові мітки до правильного розміру. Іншими словами, він ніколи не розширювався до більшого розміру, але завжди міг зменшуватися ... Крім того, додаткові додатки self.tableView.reloadData()в viewWillAppear().

Я знаю, що це не охоплює сильно мінливі розміри вмісту, але це спрацювало в моїй ситуації, коли вміст мав максимально можливу кількість символів.

Не впевнений, що це помилка в Swift або Interface Builder, але це працює як принада. Спробувати!

Встановіть автоматичний розмір для висоти рядка та передбачуваної висоти рядка та забезпечте наступні кроки:

@IBOutlet weak var table: UITableView!

override func viewDidLoad() {
    super.viewDidLoad()

    // Set automatic dimensions for row height
    // Swift 4.2 onwards
    table.rowHeight = UITableView.automaticDimension
    table.estimatedRowHeight = UITableView.automaticDimension


    // Swift 4.1 and below
    table.rowHeight = UITableViewAutomaticDimension
    table.estimatedRowHeight = UITableViewAutomaticDimension

}



// UITableViewAutomaticDimension calculates height of label contents/text
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    // Swift 4.2 onwards
    return UITableView.automaticDimension

    // Swift 4.1 and below
    return UITableViewAutomaticDimension
}

Наприклад: якщо у вас є мітка у вашому UITableviewCell,

• Встановити кількість рядків = 0 (& режим розриву рядка = усіка хвоста)
• Встановіть усі обмеження (зверху, знизу, праворуч ліворуч) щодо контейнера супервигляду / комірки.
• Необов’язково : Встановіть мінімальну висоту для етикетки, якщо ви хочете, щоб мінімальна вертикальна площа, покрита етикеткою, навіть якщо немає даних.

Ось зразок мітки з динамічними обмеженнями висоти.

Для динамічного розміру комірки UITableView потрібно 2 речі

1. Встановлення правильного обмеження вашого перегляду всередині комірки подання таблиці (здебільшого воно включає надання правильного перегляду верхнього, нижнього та тралінг-обмежень)

2. Виклик цих властивостей TableView у viewDidLoad ()

    tableView.rowHeight = UITableViewAutomaticDimension
   
    tableView.estimatedRowHeight = 140
   

Це чудовий підручник з самостійного визначення розміру (динамічні комірки табличного подання), написаний швидко в 3.

Для Swift 3 ви можете використовувати наступне:

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

Для Swift 4.2

@IBOutlet weak var tableVw: UITableView!

override func viewDidLoad() {
    super.viewDidLoad()

    // Set self as tableView delegate
    tableVw.delegate = self

    tableVw.rowHeight = UITableView.automaticDimension
    tableVw.estimatedRowHeight = UITableView.automaticDimension
}

// UITableViewDelegate Method 
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {

    return UITableView.automaticDimension
}

Щасливого кодування :)

Спробуйте

override func viewWillAppear(animated: Bool) {
    self.tableView.layoutSubviews()
}

У мене була та сама проблема, і вона працює для мене.

Щоб зробити автоматичний розмір UITableViewCell для роботи, переконайтесь, що ви робите ці зміни:

• У Storyboard ваш UITableView повинен містити лише динамічні клітини-прототипи (він не повинен використовувати статичні комірки), інакше авторозмір не буде працювати.
• У сториборді UILabel вашого UITableViewCell налаштовано на всі 4 обмеження, тобто верхнє, нижнє, провідне та кінцеве обмеження.
• У розкадровці кількість рядків UILabel вашого UITableViewCell повинна бути 0

• У вашому UIViewController функція viewDidLoad, встановлена ​​нижче властивостей UITableView:

  self.tableView.estimatedRowHeight = <minimum cell height> 
  self.tableView.rowHeight = UITableViewAutomaticDimension
  

Для Swift я перевірив цю відповідь у iOS 9.0 та iOS 11 також (Xcode 9.3)

func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

Тут потрібно додати верхнє, нижнє, праве та ліве обмеження

У моєму випадку - у раскадровці я мав дві мітки, як на малюнку нижче, обидві мітки мали встановлені бажані значення ширини, перш ніж я зробив це рівним. як тільки ви скасуєте вибір, він зміниться на автоматичний, і, як зазвичай, наявність речей нижче має працювати як шарм.

1.rowHeight = UITableView.automaticDimension, and
2.estimatedRowHeight = 100(In my case).
3.make sure label number of lines is zero.

На додаток до сказаного іншими,

ВСТАНОВИТЕ ОБМЕЖЕННЯ ВАШОЇ ЕТИКЕТКИ, ЩО ВІДНОСНУЮТЬСЯ ДО ОГЛЯДУ!

Отже, замість того, щоб розміщувати обмеження вашої мітки щодо інших речей навколо неї, обмежте її переглядом вмісту комірки подання таблиці.

Потім переконайтеся, що висоту вашої мітки встановлено більше або дорівнює 0, а кількість рядків - 0.

Потім ViewDidLoadдодайте:

tableView.estimatedRowHeight = 695

tableView.rowHeight = UITableViewAutomaticDimension

Це просто, роблячи 2 речі:

1. встановлення автоматичної висоти

tableView.rowHeight = UITableView.automaticDimension

2. створення всіх таблиць TableViewCells з ПОВНИМИ обмеженнями зверху вниз. Останній елемент ПОВИНЕН визначити деякий інтервал внизу для закінчення комірки.

Тож механізм компонування може обчислити висоту комірки та правильно застосувати значення.

Я просто надихнувся вашим рішенням і спробував інший спосіб.

Будь ласка, спробуйте додати tableView.reloadData()до viewDidAppear().

Це працює для мене.

Я думаю, що все, що стоїть за прокруткою, "те саме", що і reloadData. Коли ви прокручуєте екран, це як дзвонити reloadData()коли viewDidAppear.

Якщо це спрацює, будь ласка, дайте відповідь на цю відповідь, щоб я міг бути впевненим у цьому рішенні.

На жаль, я не впевнений, чого мені не вистачало. Вищевказані методи не працюють для мене, щоб отримати висоту комірки xib або дозволити layoutifneeded () або UITableView.automaticDimension зробити обчислення висоти. Я шукав і намагався протягом 3 - 4 ночей, але не міг знайти відповіді. Деякі відповіді тут чи на іншому дописі давали мені підказки щодо обхідного шляху. Це дурний метод, але він працює. Просто додайте всі клітинки в масив. А потім встановіть вихід кожного вашого обмеження висоти в раскадровці xib. Нарешті, додайте їх у метод heightForRowAt. Це просто прямо, якщо ви не знайомі з цими API.

Свіфт 4.2

CustomCell.Swift

@IBOutlet weak var textViewOneHeight: NSLayoutConstraint!
@IBOutlet weak var textViewTwoHeight: NSLayoutConstraint!
@IBOutlet weak var textViewThreeHeight: NSLayoutConstraint!

@IBOutlet weak var textViewFourHeight: NSLayoutConstraint!
@IBOutlet weak var textViewFiveHeight: NSLayoutConstraint!

MyTableViewVC.Swift

.
.
var myCustomCells:[CustomCell] = []
.
.
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = Bundle.main.loadNibNamed("CustomCell", owner: self, options: nil)?.first as! CustomCell

.
.
myCustomCells.append(cell)
return cell

}


override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {

   let totalHeight = myCustomCells[indexPath.row].textViewOneHeight.constant + myCustomCells[indexPath.row].textViewTwoHeight.constant +  myCustomCells[indexPath.row].textViewThreeHeight.constant + myCustomCells[indexPath.row].textViewFourHeight.constant + myCustomCells[indexPath.row].textViewFiveHeight.constant

  return totalHeight + 40 //some magic number


}

Я ними користуюся

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {

    return 100
}

Вам слід просто встановити всі обмеження для TOP , BOTTOM і HEIGHT для кожного об’єкта у перегляді / поданнях комірки та видалити існуючу середню позицію Y, якщо є. Тому що там, де ви цього не зробили, накладає артефакти на інші види.

Для цілі c це одне з моїх приємних рішень. це спрацювало для мене.

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    cell.textLabel.text = [_nameArray objectAtIndex:indexPath.row];
    cell.textLabel.numberOfLines = 0;
    cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return UITableViewAutomaticDimension;
}

Нам потрібно застосувати ці 2 зміни.

1)cell.textLabel.numberOfLines = 0;
  cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;

2)return UITableViewAutomaticDimension;

У мене також була ця проблема спочатку, я вирішив свою проблему з цього коду, намагаючись уникати використання self.tableView.reloadData()замість цього коду для динамічної висоти

[self.tableView reloadSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationFade];

При використанні статики UITableViewя встановлюю всі значення в UILabels, а потім викликаю tableView.reloadData().

self.tableView.rowHeight = UITableViewAutomaticDimension
self.tableView.estimatedRowHeight = 88.0

І не забудьте додати обмеження для етикетки

Свіфт 5 Насолоджуйтесь

tablev.rowHeight = 100
tablev.estimatedRowHeight = UITableView.automaticDimension


func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = self.tablev.dequeueReusableCell(withIdentifier: "ConferenceRoomsCell") as! ConferenceRoomsCell
    cell.lblRoomName.numberOfLines = 0
    cell.lblRoomName.lineBreakMode = .byWordWrapping
    cell.lblRoomName.text = arrNameOfRooms[indexPath.row]
    cell.lblRoomName.sizeToFit()
    return cell
}

self.Itemtableview.estimatedRowHeight = 0;
self.Itemtableview.estimatedSectionHeaderHeight = 0;
self.Itemtableview.estimatedSectionFooterHeight = 0;


[ self.Itemtableview reloadData];
self.Itemtableview.frame = CGRectMake( self.Itemtableview.frame.origin.x,  self.Itemtableview.frame.origin.y,  self.Itemtableview.frame.size.width,self.Itemtableview.contentSize.height + self.Itemtableview.contentInset.bottom + self.Itemtableview.contentInset.top);

Встановіть належне обмеження та оновіть методи делегування як:

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}
func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

Це вирішить проблему динамічної висоти комірки. ЯКЩО не потрібно перевіряти обмеження.