如何讓 UITableViewCell 中的 imageView 大小固定

UITableView可以算是使用頻率最高的組件之一的,在開發過程中經常需要展示一些簡單的信息列表
常見列表佈局

如圖,很多頁面其實就是這種展示結果,通常需要imageView,textLabel,detailTextlabel,而UITableViewCell本身提供了方便的自動佈局(當有圖片和沒圖片時,textLabel和detailLabel的位置會左右自動調整). 但是圖片的大小卻是沒有辦法固定的(直接設置imageView.frame是無法固定imageView的大小的),那麼一般來說解決這個問題的辦法有兩種:

• 固定顯示圖片的大小(包括PlaceHolder)
• 自定義tableViewCell,添加自定義的imageView,textLabel和detailTextLabel

這兩種方式都可以解決這個問題,但是這兩種方式其實都挺麻煩的,能否直接固定imageView的大小呢? 方法是有的,只需要重載layoutSubviews即可

派生UITableViewCell

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

//自定義一個Cell
@interface MMCell : UITableViewCell

@end


@implementation MMCell

//重載layoutSubviews
- (void)layoutSubviews
{
    UIImage *img = self.imageView.image;
    self.imageView.image = [UIImage imageName:@"res/PlaceHolder.png"];
    [super layoutSubviews];
    self.imageView.image = img;
}

@end

這樣,我們只要使用MMCell就可以固定imageView的大小了,且大小為PlaceHolder.png的大小(一般來說這種頁面都會使用一個PlaceHolder.png來顯示預設圖片).

原理是在UItableVeiw的layoutSubviews調用時,會根據imageView.image的大小來調整imageView,textLabel,detailTextLabel的位置,在此之前我們先將imageView.image設置為PlaceHolder.png圖片,等待重新佈局完後再將原本的圖片設置回去就可以了