UICollectionView和UITableView自動(dòng)計(jì)算cell大小

UITableView在iOS 7.0引入了 estimatedRowHeight 只要給cell設(shè)置好足夠的約束,系統(tǒng)就可以自動(dòng)計(jì)算出cell的大小,再也不用費(fèi)勁寫(xiě)計(jì)算了.

之后在iOS8.0 UICollectionView也加入了這種機(jī)制,只要設(shè)置 estimatedItemSize 一個(gè)非zero的值就可以通過(guò)約束來(lái)自動(dòng)計(jì)算大小.

和UITableView不同的是,UICollectionView只要設(shè)置 estimatedItemSize 的值和添加正確的約束就可以 不需要其他設(shè)置,而UITableView還需要在代理方法 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath; 中返回一個(gè) UITableViewAutomaticDimension 常量

雖然少了一步,但是UICollectionView自動(dòng)計(jì)算大小的約束卻有點(diǎn)不一樣 因?yàn)閁ICollectionCell除了約束高度還需要設(shè)置寬度的約束,下面放出tableViewCell和collectionCell約束的設(shè)置對(duì)比

collectionCell
tableViewCell

tableViewCell約束設(shè)置比較簡(jiǎn)單,只需要約束好四周的邊距就可以了,而collectionCell因?yàn)橐s束寬度 所以比較麻煩,圖中我設(shè)置了collectionCell的寬度是小于等于100 上下左右邊距為0 其中右邊距約束等級(jí)小于其他約束,對(duì)于tableViewCell我只設(shè)置了上下左右的邊距,右邊距間距為100
下面放出效果圖

collectionView
tableView

然后是代碼
數(shù)據(jù)源

- (void)viewDidLoad {
    [super viewDidLoad];
    NSString * str = @"asdasdjaslkdjaslkdj阿斯達(dá)所大所大所大撒所多撒奧所多alksjdlajlsjdasjdklasjd";
    NSMutableArray *array = [NSMutableArray array];
    for (int i = 0; i < 100; i++ ) {
        NSString *newStr = [str substringToIndex:(int)(arc4random() % (str.length - 1))];
        [array addObject:newStr];
    }
    self.dataList = array.copy;
    [self setTableView];
}

tableView

- (void)setTableView{
    UITableView *tab = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
    [self.view addSubview:tab];
    tab.estimatedRowHeight  =100; // 這里只要不是0就可以 設(shè)置什么值無(wú)所謂
    tab.delegate = self;
    tab.dataSource = self;
    [tab registerNib:[UINib nibWithNibName:NSStringFromClass([TableViewCell class]) bundle:nil] forCellReuseIdentifier:@"tabCell"];
    
}

#pragma mark - <tableView>
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"tabCell" forIndexPath:indexPath];
    
    cell.lable.text = [self.dataList objectAtIndex:indexPath.row];
    return cell;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.dataList.count;
}

collectionView

- (void)setCollection{
    UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
    layout.estimatedItemSize = CGSizeMake(100, 100); // 這里只要不是0就可以 設(shè)置什么值無(wú)所謂
    UICollectionView *vc =[[UICollectionView alloc] initWithFrame:self.view.bounds collectionViewLayout:layout];
    vc.delegate = self;
    vc.dataSource = self;
    [self.view addSubview:vc];
    vc.backgroundColor = [UIColor whiteColor];
    [vc registerNib:[UINib nibWithNibName:NSStringFromClass([CollectionViewCell class]) bundle:nil] forCellWithReuseIdentifier:@"cell"];
}
#pragma mark - <collection>

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    
    CollectionViewCell * cell =[collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
    cell.backgroundColor =[UIColor yellowColor];
    NSString *newStr = [self.dataList objectAtIndex:indexPath.row];
    cell.label.text = newStr;
    return cell;
}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    return self.dataList.count;
}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末棒口,一起剝皮案震驚了整個(gè)濱河市漓帅,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖原环,帶你破解...
    沈念sama閱讀 221,548評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異芽世,居然都是意外死亡斜脂,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)苗踪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)颠区,“玉大人,你說(shuō)我怎么就攤上這事通铲”侠常” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,990評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵颅夺,是天一觀的道長(zhǎng)朋截。 經(jīng)常有香客問(wèn)我,道長(zhǎng)吧黄,這世上最難降的妖魔是什么部服? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,618評(píng)論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮拗慨,結(jié)果婚禮上廓八,老公的妹妹穿的比我還像新娘。我一直安慰自己赵抢,他們只是感情好剧蹂,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著昌讲,像睡著了一般国夜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上短绸,一...
    開(kāi)封第一講書(shū)人閱讀 52,246評(píng)論 1 308
  • 那天车吹,我揣著相機(jī)與錄音筹裕,去河邊找鬼。 笑死窄驹,一個(gè)胖子當(dāng)著我的面吹牛朝卒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播乐埠,決...
    沈念sama閱讀 40,819評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼抗斤,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了丈咐?” 一聲冷哼從身側(cè)響起瑞眼,我...
    開(kāi)封第一講書(shū)人閱讀 39,725評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎棵逊,沒(méi)想到半個(gè)月后伤疙,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,268評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡辆影,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評(píng)論 3 340
  • 正文 我和宋清朗相戀三年徒像,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蛙讥。...
    茶點(diǎn)故事閱讀 40,488評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡锯蛀,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出次慢,到底是詐尸還是另有隱情旁涤,我是刑警寧澤,帶...
    沈念sama閱讀 36,181評(píng)論 5 350
  • 正文 年R本政府宣布经备,位于F島的核電站拭抬,受9級(jí)特大地震影響部默,放射性物質(zhì)發(fā)生泄漏侵蒙。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評(píng)論 3 333
  • 文/蒙蒙 一傅蹂、第九天 我趴在偏房一處隱蔽的房頂上張望纷闺。 院中可真熱鬧,春花似錦份蝴、人聲如沸犁功。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,331評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)浸卦。三九已至,卻和暖如春案糙,著一層夾襖步出監(jiān)牢的瞬間限嫌,已是汗流浹背靴庆。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,445評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留怒医,地道東北人炉抒。 一個(gè)月前我還...
    沈念sama閱讀 48,897評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像稚叹,于是被迫代替她去往敵國(guó)和親焰薄。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容