Змінення розміру UITableView відповідно до вмісту

Я створюю додаток, який матиме запитання у відповідях UILabelіз декількома варіантами, у UITableViewкожному рядку із декількома варіантами. Питання та відповіді будуть різними, тому мені потрібно, UITableViewщоб це було динамічним у зрості.

Я хотів би знайти sizeToFitроботу за столом. Там, де рамка таблиці встановлена ​​на висоту всього вмісту.

Хтось може порадити, як я можу цього досягти?

Насправді я сама знайшла відповідь.

Я просто створити новий CGRectдля tableView.frameз heightзtable.contentSize.height

Це встановлює висоту UITableViewдо heightвмісту. Оскільки код модифікує інтерфейс користувача, не забудьте запустити його в основний потік:

dispatch_async(dispatch_get_main_queue(), ^{
        //This code will run in the main thread:
        CGRect frame = self.tableView.frame;
        frame.size.height = self.tableView.contentSize.height;
        self.tableView.frame = frame;
    });

Рішення Swift 5 і 4.2 без KVO, DispatchQueue або встановлення обмежень самостійно.

Це рішення засноване на відповіді Гульца .

1) Створіть підклас UITableView:

import UIKit

final class ContentSizedTableView: UITableView {
    override var contentSize:CGSize {
        didSet {
            invalidateIntrinsicContentSize()
        }
    }

    override var intrinsicContentSize: CGSize {
        layoutIfNeeded()
        return CGSize(width: UIView.noIntrinsicMetric, height: contentSize.height)
    }
}

2) Додайте UITableViewдо свого макета і встановіть обмеження з усіх боків. Встановіть його клас на ContentSizedTableView.

3) Ви повинні побачити деякі помилки, тому що в Storyboard не враховується наш підклас ' intrinsicContentSize. Виправте це, відкривши інспектор розміру і перевівши IntrinsicContentSize на значення заповнення. Це перевизначення часу на розробку. Під час виконання він буде використовувати перевагу в нашому ContentSizedTableViewкласі

Оновлення: Змінений код для Swift 4.2. Якщо ви використовуєте попередню версію, використовуйте UIViewNoIntrinsicMetricзамістьUIView.noIntrinsicMetric

Швидке рішення

Виконайте такі дії:

1- Встановіть обмеження по висоті для таблиці з розкадрівки.

2- Перетягніть обмеження по висоті з архівної таблиці та створіть для неї @IBOutlet у файлі контролера перегляду.

    @IBOutlet weak var tableHeight: NSLayoutConstraint!

3- Тоді ви можете змінити висоту для таблиці динамічно, використовуючи цей код:

override func viewWillLayoutSubviews() {
    super.updateViewConstraints()
    self.tableHeight?.constant = self.table.contentSize.height
}

Оновлення

Якщо для вас скорочений останній рядок, спробуйте зателефонувати viewWillLayoutSubviews () у функції комірки willDisplay:

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    self.viewWillLayoutSubviews()
}

Я спробував це в iOS 7, і він працював на мене

- (void)viewDidLoad
{
    [super viewDidLoad];
    [self.tableView sizeToFit];
}

Додайте спостерігача за властивістю contentSize у подання таблиці та відповідно регулюйте розмір кадру

[your_tableview addObserver:self forKeyPath:@"contentSize" options:0 context:NULL];

потім у зворотному дзвінку:

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context
    {
         CGRect frame = your_tableview.frame;
         frame.size = your_tableview.contentSize;
         your_tableview.frame = frame;
    }

Сподіваюся, що це вам допоможе.

У мене було подання таблиці у вікні прокрутки, і довелося обчислити висоту tableView та змінити її відповідно. Це кроки, які я зробив:

0) додайте UIView до свого scrollView (ймовірно, він буде працювати без цього кроку, але я зробив це, щоб уникнути можливих конфліктів) - це буде перегляд контейнера для подання таблиці. Якщо ви зробите цей крок, то встановіть межі поглядів праворуч на представлення таблиці.

1) створити підклас UITableView:

class IntrinsicTableView: UITableView {

    override var contentSize:CGSize {
        didSet {
            self.invalidateIntrinsicContentSize()
        }
    }

    override var intrinsicContentSize: CGSize {
        self.layoutIfNeeded()
        return CGSize(width: UIViewNoIntrinsicMetric, height: contentSize.height)
    }

}

2) встановити клас подання таблиці в Storyboard to IntrinsicTableView: скріншот: http://joxi.ru/a2XEENpsyBWq0A

3) Встановіть обмеження висоти для подання таблиці

4) перетягніть IBoutlet зі свого столу на свій ViewController

5) перетягніть IBoutlet обмеження висоти таблиці у ваш ViewController

6) додайте цей метод у свій ViewController:

override func viewWillLayoutSubviews() {
        super.updateViewConstraints()
        self.yourTableViewsHeightConstraint?.constant = self.yourTableView.intrinsicContentSize.height
    }

Сподіваюся, це допомагає

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

protocol ContentFittingTableViewDelegate: UITableViewDelegate {
    func tableViewDidUpdateContentSize(_ tableView: UITableView)
}

class ContentFittingTableView: UITableView {

    override var contentSize: CGSize {
        didSet {
            if !constraints.isEmpty {
                invalidateIntrinsicContentSize()
            } else {
                sizeToFit()
            }

            if contentSize != oldValue {
                if let delegate = delegate as? ContentFittingTableViewDelegate {
                    delegate.tableViewDidUpdateContentSize(self)
                }
            }
        }
    }

    override var intrinsicContentSize: CGSize {
        return contentSize
    }

    override func sizeThatFits(_ size: CGSize) -> CGSize {
        return contentSize
    }
}

Якщо ваш contentSize невірний, це тому, що він базується на оціненомуRowHeight (автоматичному), використовуйте це раніше

tableView.estimatedRowHeight = 0;

джерело: https://forums.developer.apple.com/thread/81895

Swift 3, iOS 10.3

Рішення 1: Просто помістітьself.tableview.sizeToFit()вcellForRowAt indexPathфункції. Не забудьте встановити висоту перегляду таблиці вище, ніж вам потрібно. Це хороше рішення, якщо у вас немає переглядів нижче таблиці. Однак, якщо у вас є, обмеження щодо перегляду нижньої таблиці не буде оновлено (я не намагався це виправити, оскільки я придумав рішення 2)

Приклад:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    if let cell = tableView.dequeueReusableCell(withIdentifier: "TestCell", for: indexPath) as? TestCell {
        cell.configureCell(data: testArray[indexPath.row])
        self.postsTableView.sizeToFit()
        return cell
    }

    return UITableViewCell()
}

Рішення 2: Встановіть обмеження висоти перегляду таблиць у табло та перетягніть його на ViewController. Якщо ви знаєте середню висоту своєї комірки і знаєте, скільки елементів містить ваш масив, ви можете зробити щось подібне:

tableViewHeightConstraint.constant = CGFloat(testArray.count) * 90.0     // Let's say 90 is the average cell height

* Редагувати:

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

Відповідь Мімо та відповідь Anooj VM є приголомшливими, але існує невелика проблема, якщо у вас є великий список, можливо, висота кадру обріже частину ваших комірок.

Так. Відповідь я трохи змінив:

dispatch_async(dispatch_get_main_queue()) {
    //This code will run in the main thread:
    CGFloat newHeight=self.tableView.contentSize.height;
    CGFloat screenHeightPermissible=(self.view.bounds.size.height-self.tableView.frame.origin.y);
    if (newHeight>screenHeightPermissible)
    {
        //so that table view remains scrollable when 'newHeight'  exceeds the screen bounds
        newHeight=screenHeightPermissible;
    }

    CGRect frame = self.tableView.frame;
    frame.size.height = newHeight;
    self.tableView.frame = frame;
}

Є набагато кращий спосіб зробити це, якщо ви використовуєте AutoLayout: змінити обмеження, яке визначає висоту. Просто обчисліть висоту вмісту вашої таблиці, а потім знайдіть обмеження та змініть його. Ось приклад (якщо припустити, що обмеження, яке визначає висоту вашої таблиці, насправді є обмеженням по висоті у відношенні "Рівне"):

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)

    for constraint in tableView.constraints {
        if constraint.firstItem as? UITableView == tableView {
            if constraint.firstAttribute == .height {
                constraint.constant = tableView.contentSize.height
            }
        }
    }
}

Це працює для мене, використовуючи функцію автоматичного макета, з поданням таблиці лише з одним розділом.

func getTableViewContentHeight(tableView: UITableView) -> CGFloat {
        tableView.bounds = CGRect(x: 0, y: 0, width: 300, height: 40)
        let rows = tableView.numberOfRows(inSection: 0)
        var height = CGFloat(0)
        for n in 0...rows - 1 {
            height = height + tableView.rectForRow(at: IndexPath(row: n, section: 0)).height
        }
        return height
    }

Я називаю цю функцію при налаштуванні автоматичного макета (у прикладі тут використовується SnapKit, але ви розумієте):

    let height = getTableViewContentHeight(tableView: myTableView)
    myTableView.snp.makeConstraints {
        ...
        ...
        $0.height.equalTo(height)
    }

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

Я робив дещо по-іншому, насправді мій TableView був всередині scrollview, тому мені довелося задавати обмеження висоти як 0.

Тоді під час виконання я вніс наступні зміни,

       func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
            self.viewWillLayoutSubviews()
       }
    
       override func viewWillLayoutSubviews() {
            super.updateViewConstraints()
             DispatchQueue.main.async {
               self.tableViewHeightConstraint?.constant = self.myTableView.contentSize.height
               self.view.layoutIfNeeded()
          }
       }

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

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

- (void)viewDidLoad {
        [super viewDidLoad];
        [self.tableView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionOld|NSKeyValueObservingOptionNew context:NULL]; 
}


- (void)resizeTableAccordingToContentSize:(CGSize)newContentSize {
        CGRect superviewTableFrame  = self.tableView.superview.bounds;
        CGRect tableFrame = self.tableView.frame;
        BOOL shouldScroll = newContentSize.height > superviewTableFrame.size.height;
        tableFrame.size = shouldScroll ? superviewTableFrame.size : newContentSize;
        [UIView animateWithDuration:0.3
                                    delay:0
                                    options:UIViewAnimationOptionCurveLinear
                                    animations:^{
                            self.tableView.frame = tableFrame;
        } completion: nil];
        self.tableView.scrollEnabled = shouldScroll;
}

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context {
    if ([change[NSKeyValueChangeKindKey] unsignedIntValue] == NSKeyValueChangeSetting &&
        [keyPath isEqualToString:@"contentSize"] &&
        !CGSizeEqualToSize([change[NSKeyValueChangeOldKey] CGSizeValue], [change[NSKeyValueChangeNewKey] CGSizeValue])) {
        [self resizeTableAccordingToContentSize:[change[NSKeyValueChangeNewKey] CGSizeValue]];
    } 
}

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation {
    [super didRotateFromInterfaceOrientation:fromInterfaceOrientation];
    [self resizeTableAccordingToContentSize:self.tableView.contentSize]; }

- (void)dealloc {
    [self.tableView removeObserver:self forKeyPath:@"contentSize"];
}

objc версія Musa almatri

(void)viewWillLayoutSubviews
{
    [super updateViewConstraints];
    CGFloat desiredHeight = self.tableView.contentSize.height;
    // clamp desired height, if needed, and, in that case, leave scroll Enabled
    self.tableHeight.constant = desiredHeight;
    self.tableView.scrollEnabled = NO;
}

Ви можете спробувати цей звичай AGTableView

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

class AGTableView: UITableView {

    fileprivate var heightConstraint: NSLayoutConstraint!

    override init(frame: CGRect, style: UITableViewStyle) {
        super.init(frame: frame, style: style)
        self.associateConstraints()
    }

    required public init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        self.associateConstraints()
    }

    override open func layoutSubviews() {
        super.layoutSubviews()

        if self.heightConstraint != nil {
            self.heightConstraint.constant = self.contentSize.height
        }
        else{
            self.sizeToFit()
            print("Set a heightConstraint to Resizing UITableView to fit content")
        }
    }

    func associateConstraints() {
        // iterate through height constraints and identify

        for constraint: NSLayoutConstraint in constraints {
            if constraint.firstAttribute == .height {
                if constraint.relation == .equal {
                    heightConstraint = constraint
                }
            }
        }
    }
}

Примітка Якщо будь-яка проблема встановити висоту, тоді yourTableView.layoutSubviews().

На основі відповіді fl034 . Але для користувачів Xamarin.iOS :

    [Register("ContentSizedTableView")]
    public class ContentSizedTableView : UITableView
    {
        public ContentSizedTableView(IntPtr handle) : base(handle)
        {
        }

        public override CGSize ContentSize { get => base.ContentSize; set { base.ContentSize = value; InvalidateIntrinsicContentSize(); } }
        public override CGSize IntrinsicContentSize
        {
            get
            {
                this.LayoutIfNeeded();
                return new CGSize(width: NoIntrinsicMetric, height: ContentSize.Height);
            }
        }
    }

Моя реалізація Swift 5 полягає у встановленні обмеження висоти tableView на розмір її вмісту ( contentSize.height). Цей метод передбачає використання автоматичного макета. Цей код слід розмістити всередині cellForRowAtметоду tableView.

tableView.heightAnchor.constraint(equalToConstant: tableView.contentSize.height).isActive = true

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

Це дозволяє уникнути безлічі розрахунків і закликів до компонування.

Му розв’язання для цього в швидкому 3 : Зателефонуйте в цей методviewDidAppear

func UITableView_Auto_Height(_ t : UITableView)
{
        var frame: CGRect = t.frame;
        frame.size.height = t.contentSize.height;
        t.frame = frame;        
}