AutoLayout 使用(Masonry)總結(jié)

1 本來項目是使用絕對布局的,因為iOS9 SDK中IPhone對阿拉伯語全面的適配,而用戶大部分也是使用阿拉伯語的,所以不得不適配,為了簡單適配,那也就不得不使用AutoLayout。這里應該和大多數(shù)人一樣使用的是第三方”Masonry”。https://github.com/SnapKit/Masonry

@property (nonatomic, strong, readonly) MASConstraint *left; //居左
@property (nonatomic, strong, readonly) MASConstraint *top; //居上
@property (nonatomic, strong, readonly) MASConstraint *right; //居右
@property (nonatomic, strong, readonly) MASConstraint *bottom; //居下
@property (nonatomic, strong, readonly) MASConstraint *leading; 
@property (nonatomic, strong, readonly) MASConstraint *trailing;
@property (nonatomic, strong, readonly) MASConstraint *width;
@property (nonatomic, strong, readonly) MASConstraint *height;
@property (nonatomic, strong, readonly) MASConstraint *centerX;
@property (nonatomic, strong, readonly) MASConstraint *centerY;

例子:UITableViewCell 中的UIImageView的布局
我們?yōu)榱私IImageView的模型 有很多種方法 設(shè)置MASConstraintMaker的
左上寬高 左右上下 中心點寬高 上centerX寬高 等等

注意:在調(diào)用mas_makeConstraints 或 mas_updateConstraints 方法之前 先確保superView 存在,最好養(yǎng)成習慣在addSubview: 后布局使用AutoLayout

在使用時superView 可以不用寫 如下:

 [imageView mas_makeConstraints:^(MASConstraintMaker *make)
        {
            make.leading.equalTo(self.contentView).offset(16;
            make.top.equalTo(self.contentView).offset(0);
            make.trailing.equalTo(self.contentView).offset(-16);
            make.height.mas_equalTo(kCreateChatCellHeight);

        }];
[imageView mas_makeConstraints:^(MASConstraintMaker *make)
        {
            make.leading.mas_equalTo(16);
            make.top.mas_equalTo(0);
            make.trailing.mas_equalTo(-16);
            make.height.mas_equalTo(kCreateChatCellHeight);

        }];

這兩個代碼的是等價的,所以從這也可以得出 superView是必須要存在的,要不然布局無法完成

同一個方法中l(wèi)eading(trailing)和left(right)不能共存與同一個控件的約束
如果考慮多語言環(huán)境,在布局時盡量使用leading trailing 而不是left right, 因為阿拉伯語布局是從右到左的(系統(tǒng)iOS9系統(tǒng)都已經(jīng)開始支持了)。

在使用mas_updateConstraints 更新時,屬性需要保持一致。

[_timeLabel mas_makeConstraints:^(MASConstraintMaker *make)
             {
                 make.leading.equalTo(self.contentView).offset(Edge_Margin + Avar_Size + Icon_Margin + 12 +Label_Margin - 4);
                 make.top.equalTo(self.contentView).offset(19);
                 make.height.mas_equalTo(14);
                 make.trailing.equalTo(self.contentView).offset(-Label_Margin*2-Edge_Margin);
             }];

//數(shù)據(jù)改變需要刷新
[_timeLabel mas_updateConstraints:^(MASConstraintMaker *make)
             {
              //需要和前面定義過約束對應 不要采用make.bottom
                 make.top.equalTo(self.contentView).offset(30);
             }];

iOS6和iOS7 使用注意點
implementation of -layoutSubviews needs to call super.
在繼承UIView 或 UILabel 等控件時 如果在layoutSubviews 方法有對應的布局 記得放在 [super layoutSubviews]; 方法之前

- (void)layoutSubviews
{
    // custom AutoLayout Code
    [label mas_makeConstraints:^(MASConstraintMaker *make)
     {
         make.leading.equalTo(imageView.mas_trailing).offset(16);
         ......
     }];
    [super layoutSubviews];

}

其實在UI布局是 盡量不要在layoutSubviews方法里寫布局的代碼,因為這個方法觸發(fā)的地方有很多 如類的初始化、frame改變等等,相比于絕對布局,自動布局對性能有更大的影響。

iOS6 crash :NSTextAlignmentJustified and NSTextAlignmentNatural are invalid alignment values when drawing an NSString
注意xib中 UILabel textAlignment屬性默認值是 NSTextAlignmentNatural
需要手動設(shè)置

對于從絕對布局到AutoLayout的轉(zhuǎn)換能偷一個懶,我們在轉(zhuǎn)換時建立一個UIView的分類

- (void)setPBAutoLayout:(CGRect )frame
{
    [self mas_makeConstraints:^(MASConstraintMaker *make)
     {
         make.leading.mas_equalTo(ceilf(frame.origin.x));
         make.top.mas_equalTo(ceilf(frame.origin.y));
         make.size.mas_equalTo(CGSizeMake(ceilf(frame.size.width), ceilf(frame.size.height)));
     }];
}

這是自己很久之前總結(jié)的文章了

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,622評論 6 544
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,716評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,746評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,991評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,706評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 56,036評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,029評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,203評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,725評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,451評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,677評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,161評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,857評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,266評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,606評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,407評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,643評論 2 380

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