iOS AutoLayout進階(四)Content Hugging Priority和Content Compression Resist綜合運用

前言

前面兩個章節給你們詳細介紹了Content Hugging Priority(抗拉伸優先級)和Content Compression Resistance Priority(抗壓縮優先級), 本文將綜合運用這兩個屬性,來處理一個項目中的實際需求.

一. 要點回顧:

1.Content Hugging Priority

視圖抗拉伸優先級, 值越小,視圖越容易被拉伸,

2. Content Compression Resistance Priority:

視圖抗壓縮優先級, 值越小,視圖越容易被壓縮,

二.實際運用

我先來看下下面這個效果,在不計算文字寬度和不修改約束的前提下,怎麼經過設置Content Hugging Priority和Content Compression Resistance Priority屬性來實現:

效果描述:

• 這個是社區評論頁面裏,用戶信息的一部分
• 最左邊是:用戶圖像
• 黃色Label:用戶暱稱(暱稱長度不肯定)
• 藍色Label:評論發表時間(時間長度不肯定)

兩點要求:

• 1.黃色abel(顯示暱稱),其寬度由用戶暱稱長度決定, 藍色label(顯示時間),其寬度由時間長度決定,
• 2.當用戶暱稱長度變長時,藍色label自動右移,移到屏幕邊緣時,用戶暱稱繼續增長,暱稱將縮略顯示 3.當用戶暱稱變短時,藍色label自動左移.

三.代碼示例

新建工程,在頁面添加一個view,並添加約束固定位置和大小, 在這個view上添加三個視圖,分別爲:

1.imageView,用來顯示用戶圖像 2.黃色label,用來顯示用戶暱稱 3.藍色label,用來顯示時間

並添加以下約束:

imageView:上0,左0,下0,長寬比1:1
黃色label:上0,左0,下0,
藍色label:上0,左0,下0,右0

黃色label和藍色label都不添加寬度約束,其寬度有文字長度決定
複製代碼

添加完約束後,會報下面錯誤:

此錯誤的意思是:

• 黃色label,和藍色label都是動態寬度(沒添加寬度約束),
• 當兩者寬度之和,大於右側區域總寬度時,AutoLayout不知道先壓縮哪一個label,
• 當兩者寬度之和,小於右側區域總寬度時,AutoLayout不知道先拉伸哪一個label,
• 讓咱們爲兩者添加Content Hugging Priority和Content Compression Resistance Priority約束,

下面來添加這兩個約束:

• 1.很顯然,當用戶暱稱過長時,咱們但願過長的部分省略顯示(即暱稱過長時,黃色label優先被壓縮,其橫向抗壓縮優先級要低)
• 2.當用戶暱稱過短時,咱們但願藍色label向左側靠過來.(即暱稱過短時,藍色label向左靠,要被拉長,其橫向抗拉伸優先級要低)

下面咱們來爲黃色label的Content Compression Resistance Priority(抗壓縮優先級)橫向優先級爲749,以下:

修改藍色label的Content Hugging Priority(抗拉伸優先級)橫向優先級爲250,以下:

添加完畢後,咱們右鍵拖線兩個label生成變量, 並起一個定時器, 依次設置黃色label文字爲:

長暱稱這是一個很長的暱稱
長暱稱這是一個很長的暱
長暱稱這是一個很長的
長暱稱這是一個很長
長暱稱這是一個很
長暱稱這是一個
長暱稱這是一
長暱稱這是
長暱稱這
長暱稱
長暱稱這
長暱稱這是
長暱稱這是一
長暱稱這是一個
長暱稱這是一個很
長暱稱這是一個很長
長暱稱這是一個很長的
長暱稱這是一個很長的暱
長暱稱這是一個很長的暱稱
複製代碼

不須要計算文字寬度,不須要修改約束,就達到上圖效果.

代碼以下:

#import "ViewController.h"

static NSString *const NameText = @"長暱稱這是一個很長的暱稱";
static NSInteger changeLength = -1;//記錄單次變化長度

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UILabel *nameLab;
@property (weak, nonatomic) IBOutlet UILabel *timeLab;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    _nameLab.text = NameText;//初始值
    _timeLab.text = @"一週之前";//初始值

    [NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(action) userInfo:nil repeats:YES];
}

-(void)action{
     /** 當前暱稱 */
    NSString *name = [NameText substringToIndex:_nameLab.text.length+changeLength];
    NSLog(@"當前暱稱:\n%@",name);
    
    _nameLab.text = name;//設置暱稱
    
    if(_nameLab.text.length<=3){//最小寬度
        changeLength = 1;//加長
    }else if(_nameLab.text.length==NameText.length){//最大寬度
        changeLength = -1;//減短
    }
}


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

@end

複製代碼

三.小結:

Content Hugging Priority 視圖抗拉伸優先級 值越小,越先被拉伸

Content Compression Resistance 抗壓縮優先級 值越小,越先被壓縮,

這兩個屬性,在UITableViewCell 自動高度上有着普遍運用,下一章節將重點來說,複雜TableViewCell,在不計算子文字高度狀況下,不用第三方TableViewCell自動計算高度框架狀況下,怎麼實現自動高度.

---

代碼地址:github.com/CoderZhuXH/…