iOS-SDAutoLayout-自動布局及自適應(yīng)Cell高度

SDAutoLayout

One line of code to implement automatic layout. 一行代碼搞定自動布局!支持Cell和Tableview高度自適應(yīng)军洼,Label和ScrollView內(nèi)容自適應(yīng),致力于做最簡單易用的AutoLayout庫璧针。The most easy way for autoLayout. Based on runtime.

1、下載 SDAutoLayout 很簡單渊啰,而且只有兩個分類

image.png

2探橱、注釋的也很清楚

image.png

3、下面是我自己做自動布局和自適應(yīng)Cell高度測試的例子

自動布局的代碼使用非常簡單

 _headImageView.sd_layout
    .leftEqualToView(self.contentView)
    .topSpaceToView(self.contentView, 10)
    .rightEqualToView(self.contentView)
    .heightIs(200)
    .widthIs([UIScreen mainScreen].bounds.size.width);

自適應(yīng)Cell高度的代碼也很簡單

第一步,在給Cell賦值的時候绘证,賦值結(jié)束需要把Cell的最下面的一個組件明確給出來

- (void)setSdModel:(SDModel *)sdModel {
    
    _titleLabel.text=sdModel.title;
    _timeLabel.text=sdModel.time;
    
    // _titleLabel 自適應(yīng)高度隧膏,不需要手動的計算文本的高度
    _titleLabel.sd_layout.autoHeightRatio(0);
    
    
    // lable的text為attributedString 時,需要進(jìn)行設(shè)置
    // _titleLabel.isAttributedContent =YES;
    
    // _timeLabel 是最后一個組件  嚷那,bottomMargin 是 距離底部的距離
    [self setupAutoHeightWithBottomView:_timeLabel bottomMargin:10];

    //  如果不知道哪個view是最后一個胞枕,可以傳遞 可能是最后一個view的 數(shù)組
    // [self setupAutoHeightWithBottomViewsArray:<#(NSArray *)#> bottomMargin:<#(CGFloat)#>]
}

第二步, heightForRowAtIndexPath 方法里面不應(yīng)返回高度

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    
//  ForIndexPath: 當(dāng)前的cell的位置
//  model: 當(dāng)前cell的數(shù)據(jù)模型(需要使用KVC進(jìn)行賦值)
//  keyPath: 就是cell的數(shù)據(jù)模型對象,此文中就是cell.sdModel
//  cellClass: 就是cell的類名
//  contentViewWidth: cell的寬度

    return [tableView cellHeightForIndexPath:indexPath model:[self.dataSource objectAtIndex:indexPath.row] keyPath:@"sdModel" cellClass:[mySDCell class] contentViewWidth:self.view.frame.size.width];
}

ViewController

//
//  ViewController.m
//  iOSXC
//
//  Created by 尼古拉斯·澄嚎恚·穆罕默德 on 2017/11/22.
//  Copyright ? 2017年 CHJ. All rights reserved.
//

#import "ViewController.h"

#import "SDAutoLayout.h"
#import "mySDCell.h"
#import "SDModel.h"

@interface ViewController () <UITableViewDelegate, UITableViewDataSource>

@property (nonatomic,strong) NSMutableArray *dataSource;
@property (nonatomic,strong) UITableView *tableView;

@end

@implementation ViewController

#pragma mark - 生命周期
- (void)viewDidLoad {
    [super viewDidLoad];
   
    [self initSubView];

}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


#pragma mark - 初始化子控件

- (void)initSubView {
    // 先添加子組件腐泻,再進(jìn)行子組件的布局
    [self.view addSubview:self.tableView];
    self.tableView.sd_layout.leftEqualToView(self.view).rightEqualToView(self.view).topEqualToView(self.view).bottomEqualToView(self.view);

}


#pragma mark - set  and   get

- (UITableView *)tableView {
    if (!_tableView){
        _tableView=[[UITableView alloc]init];
        _tableView.delegate=self;
        _tableView.dataSource=self;
    }
    return _tableView;
}

- (NSMutableArray *)dataSource {
    if (!_dataSource) {
        _dataSource = [NSMutableArray new];
        
        NSArray *data = @[@{@"imageURL": @"",
                            @"title":@"上面寫到要將控件的布局寫在同一個方法中决乎,方便之后查看與修改,但關(guān)于布局的選型也是需要精心考慮的贫悄,如果直接使用CGRectMake可讀性會很差瑞驱,因為只通過x,y,width,height是不能確定View與View之間的位置關(guān)系的。 github上關(guān)于iOS布局的第三方也是有很多的窄坦,看公司架構(gòu)而定,個人比較喜歡SDAutoLayout凳寺,這個布局庫語法簡單鸭津,功能完善,而且代碼可讀性很好肠缨。",
                            @"time":@"2017.11.30"
                            },
                          @{@"imageURL": @"",
                            @"title":@"storyboard和xib是蘋果提供給開發(fā)者的一種可視化編程方式逆趋,對于它的好與壞,想必各位都有自己的看法晒奕,但我在項目中是極力避免使用xib來布局的闻书,因為我總認(rèn)為它的缺點(diǎn)多過優(yōu)點(diǎn)",
                            @"time":@"2017.11.30"
                            },
                          @{@"imageURL": @"",
                            @"title":@"對于復(fù)雜的、動態(tài)生成的界面脑慧,建議使用手工編寫界面魄眉。",
                            @"time":@"2017.11.30"
                            },
                          @{@"imageURL": @"",
                            @"title":@"對于需要統(tǒng)一風(fēng)格的按鈕或UI控件,建議使用手工用代碼來構(gòu)造闷袒。方便之后的修改和復(fù)用坑律。",
                            @"time":@"2017.11.30"
                            },
                          @{@"imageURL": @"",
                            @"title":@"在iOS開發(fā)領(lǐng)域內(nèi),UIViewController承載了非常多的事情囊骤,比如View的初始化晃择,業(yè)務(wù)邏輯,事件響應(yīng)也物,數(shù)據(jù)加工等等宫屠,當(dāng)然還有更多我現(xiàn)在也列舉不出來,但是我們知道有一件事情Controller肯定逃不掉要做:協(xié)調(diào)V和M滑蚯。也就是說浪蹂,不管怎么拆,協(xié)調(diào)工作是拆不掉的根據(jù)第一心法拆開來的東西膘魄,很有可能還是強(qiáng)業(yè)務(wù)相關(guān)的乌逐,這種情況有的時候無法避免。但我們拆也要拆得好看创葡,拆出來的部分最好能夠歸成某一類對象浙踢,然后最好能夠抽象出一個通用邏輯出來,使他能夠復(fù)用灿渴。即使不能抽出通用邏輯洛波,那也盡量抽象出一個protocol胰舆。拆分的粒度要盡可能大一點(diǎn),封裝得要透明一些蹬挤。唐巧說一切隱藏都是對代碼復(fù)雜性的增加缚窿,除非它帶來了好處,這在一定程度上有點(diǎn)道理焰扳,沒有好處的隱藏確實(shí)都不好(笑)倦零。提高抽象度事實(shí)上就是增加封裝的力度,將一個負(fù)責(zé)的業(yè)務(wù)抽象成只需要很少的輸入就能完成吨悍,就是高度抽象扫茅。嗯,繼承很多層育瓜,這種做法雖然也提高了抽象程度葫隙,但我不建議這么玩。我不確定唐巧在這里說的隱藏跟我說的封裝是不是同一個概念躏仇,但我在這里想提倡的是盡可能提高抽象程度",
                            @"time":@"2017.11.30"
                            }];
        
       
        for (int i=0; i<[data count]; i++) {
            NSDictionary *diction=[data objectAtIndex:i];
            SDModel *model=[SDModel new];
            
            [model setValuesForKeysWithDictionary:diction];
            
            [_dataSource addObject:model];
        }
    }
    return _dataSource;
}



#pragma mark -UITableView Delegete and dataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    
    return [self.dataSource count];
}
- (mySDCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    mySDCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    if (!cell) {
        cell=[[mySDCell alloc]initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:@"cell"];
        cell.selectionStyle=UITableViewCellSelectionStyleNone;
    }
    
    cell.sdModel = [self.dataSource objectAtIndex:indexPath.row];
    return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    return [tableView cellHeightForIndexPath:indexPath model:[self.dataSource objectAtIndex:indexPath.row] keyPath:@"sdModel" cellClass:[mySDCell class] contentViewWidth:self.view.frame.size.width];
}

@end

Model

//
//  SDModel.h
//  iOSXC
//
//  Created by 尼古拉斯·沉到牛·穆罕默德 on 2017/11/30.
//  Copyright ? 2017年 CHJ. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface SDModel : NSObject

@property (nonatomic,copy)NSString *imageURL;
@property (nonatomic,copy)NSString *title;
@property (nonatomic,copy)NSString *time;

@end

Cell.h

//
//  mySDCell.h
//  iOSXC
//
//  Created by 尼古拉斯·常·穆罕默德 on 2017/11/30.
//  Copyright ? 2017年 CHJ. All rights reserved.
//

#import <UIKit/UIKit.h>

#import "SDModel.h"

@interface mySDCell : UITableViewCell

// 聲明數(shù)據(jù)對象
@property (nonatomic, strong)SDModel *sdModel;

@end

Cell.m

//
//  mySDCell.m
//  iOSXC
//
//  Created by 尼古拉斯·逞媸郑·穆罕默德 on 2017/11/30.
//  Copyright ? 2017年 CHJ. All rights reserved.
//

#import "mySDCell.h"
#import "SDAutoLayout.h"


@interface mySDCell ()

@property (nonatomic, strong)UIImageView *headImageView;
@property (nonatomic, strong)UILabel *titleLabel;
@property (nonatomic, strong)UILabel *timeLabel;

@end

@implementation mySDCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        [self initSubViews];
    }
    return self;
}

- (void)initSubViews {
    
    _headImageView = [UIImageView new];
    _headImageView.backgroundColor=[UIColor redColor];
  
    
    _titleLabel = [[UILabel alloc]init];
    _titleLabel.textColor = [UIColor blackColor];

    _timeLabel = [[UILabel alloc]init];
    _timeLabel.textAlignment = NSTextAlignmentRight;
    _timeLabel.font = [UIFont systemFontOfSize:12.0];
    
    
    // 統(tǒng)一添加子組件,先添加子組件糟描,在進(jìn)行子組件的布局
    [self.contentView sd_addSubviews:@[_headImageView, _titleLabel, _timeLabel]];
  

    // 子組件布局
    _headImageView.sd_layout
      .leftEqualToView(self.contentView)
      .topSpaceToView(self.contentView,10)
      .rightEqualToView(self.contentView)
      .heightIs(200)
      .widthIs([UIScreen mainScreen].bounds.size.width);
    
    _titleLabel.sd_layout
      .leftSpaceToView(self.contentView, 10)
      .topSpaceToView(self.headImageView, 10)
      .rightSpaceToView(self.contentView, 10)
      .heightIs(30)
      .widthIs([UIScreen mainScreen].bounds.size.width-20);
    
    _timeLabel.sd_layout
      .topSpaceToView(self.titleLabel, 10)
      .rightSpaceToView(self.contentView, 10)
      .heightIs(20);

}



- (void)setSdModel:(SDModel *)sdModel {
    
    _titleLabel.text=sdModel.title;
    _timeLabel.text=sdModel.time;
    
    
    // _titleLabel 自適應(yīng)高度,不需要手動的計算文本的高度
    _titleLabel.sd_layout.autoHeightRatio(0);
    
    
    // lable的text為attributedString 時册倒,需要進(jìn)行設(shè)置
    // _titleLabel.isAttributedContent =YES;
    
    [self setupAutoHeightWithBottomView:_timeLabel bottomMargin:10];

    //  設(shè)置label最大顯示的行數(shù)
    // [_titleLabel setMaxNumberOfLinesToShow:10];


}

- (void)awakeFromNib {
    [super awakeFromNib];
    // Initialization code
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
}

@end

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蚓挤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子驻子,更是在濱河造成了極大的恐慌灿意,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,252評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件崇呵,死亡現(xiàn)場離奇詭異缤剧,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)域慷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評論 3 399
  • 文/潘曉璐 我一進(jìn)店門荒辕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人犹褒,你說我怎么就攤上這事抵窒。” “怎么了叠骑?”我有些...
    開封第一講書人閱讀 168,814評論 0 361
  • 文/不壞的土叔 我叫張陵李皇,是天一觀的道長。 經(jīng)常有香客問我宙枷,道長掉房,這世上最難降的妖魔是什么茧跋? 我笑而不...
    開封第一講書人閱讀 59,869評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮卓囚,結(jié)果婚禮上瘾杭,老公的妹妹穿的比我還像新娘。我一直安慰自己哪亿,他們只是感情好粥烁,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,888評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著锣夹,像睡著了一般页徐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上银萍,一...
    開封第一講書人閱讀 52,475評論 1 312
  • 那天,我揣著相機(jī)與錄音恤左,去河邊找鬼贴唇。 笑死,一個胖子當(dāng)著我的面吹牛飞袋,可吹牛的內(nèi)容都是我干的戳气。 我是一名探鬼主播,決...
    沈念sama閱讀 41,010評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼巧鸭,長吁一口氣:“原來是場噩夢啊……” “哼瓶您!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起纲仍,我...
    開封第一講書人閱讀 39,924評論 0 277
  • 序言:老撾萬榮一對情侶失蹤呀袱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后郑叠,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體夜赵,經(jīng)...
    沈念sama閱讀 46,469評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,552評論 3 342
  • 正文 我和宋清朗相戀三年乡革,在試婚紗的時候發(fā)現(xiàn)自己被綠了寇僧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,680評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡沸版,死狀恐怖嘁傀,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情视粮,我是刑警寧澤细办,帶...
    沈念sama閱讀 36,362評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站馒铃,受9級特大地震影響蟹腾,放射性物質(zhì)發(fā)生泄漏痕惋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,037評論 3 335
  • 文/蒙蒙 一娃殖、第九天 我趴在偏房一處隱蔽的房頂上張望值戳。 院中可真熱鬧,春花似錦炉爆、人聲如沸堕虹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽赴捞。三九已至,卻和暖如春郁稍,著一層夾襖步出監(jiān)牢的瞬間赦政,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評論 1 274
  • 我被黑心中介騙來泰國打工耀怜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留恢着,地道東北人。 一個月前我還...
    沈念sama閱讀 49,099評論 3 378
  • 正文 我出身青樓财破,卻偏偏與公主長得像掰派,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子左痢,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,691評論 2 361

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫靡羡、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,123評論 4 61
  • 最近喂貓咪,貓咪向我主動跑過來的瞬間讓我覺得超級幸福,這也許是我每天靜謐的一段時光吧
    x1x閱讀 83評論 0 0
  • 不輕易隨信手放锅铅,恰似繁星耀眼光兽埃。 簡單諧意塞滿屋,春意襲心醉自釀。
    思索者閱讀 265評論 1 2
  • 突然間翻開大學(xué)時候的照片竟趾,看到自己當(dāng)時的樣子,頂著一頭沒有打理的毛躁的頭發(fā)宫峦,最常的發(fā)型就是隨意的把所有頭發(fā)扎起來岔帽,...
    偉佳Vidia閱讀 404評論 0 0
  • 我是愛哭的 哭的淅瀝嘩啦 別笑我 哭沒有什麼不好 太久沒有哭、眼涙會迷路 對眼睛不好 長大了還哭 嚇得週邊的人不知...
    蔡振源閱讀 362評論 0 5