내용에 맞게 UITableView 크기 조정

에 질문이 UILabel있고에 객관식 답변이 표시 되는 앱을 만들고 있습니다. UITableView각 행 에는 객관식 선택이 표시됩니다 . 질문과 답변은 다양하므로 UITableView동적으로 높이 가 필요합니다 .

sizeToFit테이블에 대한 해결 방법 을 찾고 싶습니다 . 표의 프레임이 모든 내용의 높이로 설정되는 경우.

아무도 내가 이것을 달성 할 수있는 방법에 대해 조언 할 수 있습니까?

실제로 나는 스스로 답을 찾았습니다.

난 그냥 새를 만들 CGRect에 대한 tableView.frame와 height의table.contentSize.height

즉,의 높이를 설정 UITableView받는 height내용의. 코드가 UI를 수정하므로 기본 스레드에서 UI를 실행하는 것을 잊지 마십시오.

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

KVO, DispatchQueue 또는 제약 조건 설정이없는 Swift 5 및 4.2 솔루션.

이 솔루션은 Gulz의 답변을 기반으로합니다. 합니다.

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레이아웃에 a 를 추가하고 모든면에 제약 조건을 설정하십시오. 그것의 클래스를 설정ContentSizedTableView .

3) 스토리 보드는 하위 클래스 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
}

최신 정보

마지막 행이 잘린 경우 willDisplay 셀 함수에서 viewWillLayoutSubviews ()를 호출하십시오.

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) scrollView에 UIView를 추가하십시오 (아마도이 ​​단계없이 작동하지만 가능한 충돌을 피하기 위해 수행했습니다)-이것은 테이블 뷰의 컨테이너 뷰입니다. 이 단계를 수행하면 뷰 경계를 테이블 뷰의 경계로 바로 설정하십시오.

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) 스토리 보드의 테이블 뷰 클래스를 IntrinsicTableView로 설정하십시오. http://joxi.ru/a2XEENpsyBWq0A

3) heightConstraint를 테이블 뷰로 설정하십시오.

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

스위프트 3, iOS 10.3

해결 방법 1 : 그냥 넣어self.tableview.sizeToFit()에cellForRowAt indexPath 기능. 테이블 뷰 높이를 필요한 높이보다 높게 설정하십시오. tableview 아래에 뷰가없는 경우 좋은 솔루션입니다. 그러나 가지고 있다면 하단 테이블 뷰 제약 조건이 업데이트되지 않습니다 (솔루션 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

*편집하다:

모든 솔루션을 한 후 나는 시도하고 그들의 모든 뭔가를 해결했다,하지만 완전히 이 이 문제를 완전히 설명하고 수정 대답이다.

Mimo의 대답 과 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의 답변을 확장하여 다음을 제안합니다. 콘텐츠 크기가 변경 될 때만 콘텐츠 크기 새로 고치는 .

이 방법은 스크롤을 제대로 비활성화 하고 더 큰 목록 과 회전을 지원합니다 . contentSize 변경 내용이 기본 스레드에서 전달되므로 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"];
}

Musa almatri의 objc 버전

(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 높이 구속 조건을 설정하려면 이 클래스는 자동으로 높이 제약 조건을 가져오고 컨텐츠 뷰 높이를 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의 hight constraint를 내용의 크기 ( contentSize.height)로 설정합니다. 이 방법은 자동 레이아웃을 사용한다고 가정합니다. 이 코드는 cellForRowAttableView 메소드 안에 있어야합니다 .

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