導航:首頁 > 編程語言 > ios代碼自動布局

ios代碼自動布局

發布時間:2023-07-28 10:39:26

Ⅰ ios中純手寫代碼怎麼實現內容的自動布局

原理:IOS6.0 之後,蘋果優化了UI界面的布局方式,提出了自動布局的概念,和之前的autoresizing相比功能更強大。子視圖基於父視圖的自動布局顯示。都是父視圖去添加對子視圖的約束。
在這里主要說的是通過代碼對自動布局視圖的實現。
代碼中一般用到的有兩個添加約束的方式:
1.- (void)addConstraint:(NSLayoutConstraint *)constraint NS_AVAILABLE_IOS(6_0);
2.- (void)addConstraints:(NSArray *)constraints NS_AVAILABLE_IOS(6_0);
<</span>
在使用自動布局之前要對子視圖的布局方式進行調整,用到這個UIView的屬性。
- (BOOL) NS_AVAILABLE_IOS(6_0); // Default YES
需要將其設置為NO;
>
下面用簡單例子說明一下:
UIView *v1 = [[UIView alloc] initWithFrame:CGRectZero];
v1. = NO;
v1.backgroundColor = [UIColor redColor];
[self.view addSubview:v1];

UIView *v2 = [[UIView alloc] initWithFrame:CGRectZero];
v2.backgroundColor = [UIColor grayColor];
v2. = NO;
[self.view addSubview:v2];//添加兩個允許自動布局的子視圖

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:v1
attribute:NSLayoutAttributeWidth
relatedBy:NSLayoutRelationEqual
toItem:self.view
attribute:NSLayoutAttributeWidth
multiplier:1.0
constant:0]];//設置子視圖的寬度和父視圖的寬度相同

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:v1
attribute:NSLayoutAttributeHeight
relatedBy:NSLayoutRelationEqual
toItem:self.view
attribute:NSLayoutAttributeHeight
multiplier:0.5
constant:0]];//設置子視圖的高度是父視圖高度的一半

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-0-[v1][v2(==v1)]-0-|" options:0 metrics:nil views:views]];//通過addConstraints 添加對水平方向上v1的控制--距離父視圖左側距離為0(距離為0的話也可省略)同時將v2的水平方向的寬度和v1設置成相同

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-0-[v1][v2(==v1)]|" options:0 metrics:nil views:views]];/通過addConstraints 添加對垂直方向上v1的控制--距離父視圖上側距離為0(距離為0的話也可省略)同時將v2的垂直方向的高度和v1設置成相同

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-0-[v1]-0-[v2]-0-|" options:0 metrics:nil views:views]];//最後是垂直布局兩個子view
這樣就可以實現上下兩個view,各佔一半。旋轉屏幕的情況下也會自動處理布局。這樣看起來代碼多,但是可以適應多種解析度的屏幕。不排除以後蘋果出更大更多解析度的手機。

關於constraintsWithVisualFormat:函數介紹:

constraintsWithVisualFormat:參數為NSString型,指定Contsraint的屬性,是垂直方向的限定還是水平方向的限定,參數定義一般如下:
V:|-(>=XXX) :表示垂直方向上相對於SuperView大於、等於、小於某個距離
若是要定義水平方向,則將V:改成H:即可
在接著後面-[]中括弧裡面對當前的View/控制項 的高度/寬度進行設定;
options:字典類型的值;這里的值一般在系統定義的一個enum裡面選取
metrics:nil;一般為nil ,參數類型為NSDictionary,從外部傳入 //衡量標准
views:就是上面所加入到NSDictionary中的綁定的View
在這里要注意的是 AddConstraints 和 AddConstraint 之間的區別,一個添加的參數是NSArray,一個是NSLayoutConstraint
使用規則

|: 表示父視圖
-:表示距離
V: :表示垂直
H: :表示水平
>= :表示視圖間距、寬度和高度必須大於或等於某個值
<= :表示視圖間距、寬度和高度必須小宇或等於某個值
== :表示視圖間距、寬度或者高度必須等於某個值
@ :>=、<=、== 限制 最大為 1000

1.|-[view]-|: 視圖處在父視圖的左右邊緣內
2.|-[view] : 視圖處在父視圖的左邊緣
3.|[view] : 視圖和父視圖左邊對齊
4.-[view]- : 設置視圖的寬度高度
5.|-30.0-[view]-30.0-|: 表示離父視圖 左右間距 30
6.[view(200.0)] : 表示視圖寬度為 200.0
7.|-[view(view1)]-[view1]-| :表示視圖寬度一樣,並且在父視圖左右邊緣內
8. V:|-[view(50.0)] : 視圖高度為 50
9: V:|-(==padding)-[imageView]->=0-[button]-(==padding)-| : 表示離父視圖的距離
為Padding,這兩個視圖間距必須大於或等於0並且距離底部父視圖為 padding。
10: [wideView(>=60@700)] :視圖的寬度為至少為60 不能超過 700
11: 如果沒有聲明方向默認為 水平 V:

閱讀全文

與ios代碼自動布局相關的資料

熱點內容
oppo文件管理的圖片 瀏覽:335
plc編程步數怎麼計算 瀏覽:142
ipad看電腦文件 瀏覽:935
成都製作pdf文件 瀏覽:735
怎麼樣點開電腦裡面的網路連接 瀏覽:755
微信怎麼退出賬號 瀏覽:32
w微信開發者工具 瀏覽:325
資料庫還原附加 瀏覽:713
打包成exe執行文件 瀏覽:652
信豐營銷app有哪些 瀏覽:463
蘋果文件下載項如何下載 瀏覽:179
ps摳婚紗教程 瀏覽:203
如何在移動硬碟上隱藏文件夾 瀏覽:451
瑞虎8老車機怎麼刷app 瀏覽:992
學ui設計要學java嗎 瀏覽:275
淘寶票房數據源怎麼調整 瀏覽:470
iphone5s升級ios卡黑屏 瀏覽:622
u盤沒用的文件刪不了怎麼辦 瀏覽:561
文件夾解鎖工具 瀏覽:528
creo如何減小stp文件大小 瀏覽:857

友情鏈接