1. 程式人生 > >iOS 8 Tableview根據AutoLayout自動調整高度

iOS 8 Tableview根據AutoLayout自動調整高度

前言:在iOS 8之前,如果要讓Tableview根據內容自動調整大小的話,需要動態的去計算每個cell的高度。太尼瑪操蛋了。iOS 8之後,可以根據AutoLayout來自動調整高度了,原理很簡單。

  • DataSource中選擇讓iOS自動計算
  • 在Cell中,設定能夠讓iOS計算出高度的AutoLayout,注意,這裡一定要是能夠計算出高度的AutoLayout,這和傳統的不一樣。

效果

完整過程

新建一個基於singleview的工程,然後刪除預設Storyboard的ViewController,拖拽一個TableviewController,設定為inital Controller

往Prototype Cells上拖拽兩個UILabel
如圖

設定cell 的reuse identifier為cell

為兩個Label設定屬性
Title
設定tag為10

Detail
設定tag為11

為兩個Label設定AutoLayout
Title

Detail

注意,這裡把title放在左上角,Detail放在左下角。然後新增二者之間的距離恆定為1,那麼AutoLayout就會自動計算出高度。

新建一個TableviewController,並且講storyboard上的tableviewController設定為新建的類

設定Tableview的高度為自動獲取

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

加入儲存資料的陣列,並且在初始化裡設定資料

@property (strong,nonatomic)NSArray * titleArray;
@property (strong,nonatomic)NSArray * detailArray;
- (void)viewDidLoad {
    [super viewDidLoad];
    self.titleArray = @[@"1",@"2",@"3"];
    self.detailArray = @[@"shot",@"Aduahguhauhguhaudghuahguhudhauhg",@"dhuahgudhaughuahdughuahguhauhguhdahudhuahughduahguhadguhaduhguadhughduahguahguhadugh"];
}

接下來就是Tablview的常用的,很好理解,這裡不多贅述

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.titleArray.count;
}
-(BOOL)prefersStatusBarHidden{
    return true;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];
    UILabel * titleLabel = (UILabel *)[cell viewWithTag:10];
    UILabel * contentLabel = (UILabel *)[cell viewWithTag:11];
    titleLabel.text = self.titleArray[indexPath.row];
    contentLabel.text = self.detailArray[indexPath.row];
    contentLabel.numberOfLines = 0;
    return cell;
}

然後,就得到了我們想要的效果了。