新聞中心
iOS開發(fā)過程中,你更喜歡用Storyboard/xib做界面,還是直接用代碼來寫界面?
個人還是比較建議用純代碼,至于原因,也很簡單,層的可控性更強,項目構架也會更緊湊,對于維護和其他開發(fā)者接手會更容易。缺點是代碼量大,對于開發(fā)語言程度不夠者會很吃力。至于很多人說SB和xib在適配方面的優(yōu)勢。。。。我只想說,iOS有自己的一套自動布局的東西,稍微有點技術的開發(fā)者也會自己封裝些類別方法進行封裝,或者也有自動布局的開源庫等等,當然,這個是仁者見人智者見智了。
創(chuàng)新互聯(lián)成立于2013年,先為蒼南等服務建站,蒼南等地企業(yè),進行企業(yè)商務咨詢服務。為蒼南企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。
關于SB和xib開發(fā)或者純代碼開發(fā)從蘋果開放SB,xib以后就有很大爭議,但是既然做開發(fā),那就是程序猿,不論個人技術水平如何,個人覺得開發(fā)者不應該過多依賴于類似界面開發(fā)工具,只有從代碼出發(fā),才能更好的掌握一門語言和一種開發(fā)模式,只有這樣,對于自身的成長和技術的累計才是最有利的。
ios做ui界面是用純代碼實現(xiàn)好還是拖控件好
用純代碼實現(xiàn)有利于后期的維護,如果只是做一次就不再考慮維護之類的問題,拖拽方便一些,不過本人認為純代碼實現(xiàn)比較好
ios中純手寫代碼怎么實現(xiàn)內容的自動布局
原理:IOS6.0 之后,蘋果優(yōu)化了UI界面的布局方式,提出了自動布局的概念,和之前的autoresizing相比功能更強大。子視圖基于父視圖的自動布局顯示。都是父視圖去添加對子視圖的約束。
在這里主要說的是通過代碼對自動布局視圖的實現(xiàn)。
代碼中一般用到的有兩個添加約束的方式:
1.- (void)addConstraint:(NSLayoutConstraint *)constraint NS_AVAILABLE_IOS(6_0);
2.- (void)addConstraints:(NSArray *)constraints NS_AVAILABLE_IOS(6_0);
/span
在使用自動布局之前要對子視圖的布局方式進行調整,用到這個UIView的屬性。
- (BOOL)translatesAutoresizingMaskIntoConstraints NS_AVAILABLE_IOS(6_0); // Default YES
需要將其設置為NO;
下面用簡單例子說明一下:
UIView *v1 = [[UIView alloc] initWithFrame:CGRectZero];
v1.translatesAutoresizingMaskIntoConstraints = NO;
v1.backgroundColor = [UIColor redColor];
[self.view addSubview:v1];
UIView *v2 = [[UIView alloc] initWithFrame:CGRectZero];
v2.backgroundColor = [UIColor grayColor];
v2.translatesAutoresizingMaskIntoConstraints = 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
這樣就可以實現(xiàn)上下兩個view,各占一半。旋轉屏幕的情況下也會自動處理布局。這樣看起來代碼多,但是可以適應多種分辨率的屏幕。不排除以后蘋果出更大更多分辨率的手機。
關于constraintsWithVisualFormat:函數(shù)介紹:
constraintsWithVisualFormat:參數(shù)為NSString型,指定Contsraint的屬性,是垂直方向的限定還是水平方向的限定,參數(shù)定義一般如下:
V:|-(=XXX) :表示垂直方向上相對于SuperView大于、等于、小于某個距離
若是要定義水平方向,則將V:改成H:即可
在接著后面-[]中括號里面對當前的View/控件 的高度/寬度進行設定;
options:字典類型的值;這里的值一般在系統(tǒng)定義的一個enum里面選取
metrics:nil;一般為nil ,參數(shù)類型為NSDictionary,從外部傳入 //衡量標準
views:就是上面所加入到NSDictionary中的綁定的View
在這里要注意的是 AddConstraints 和 AddConstraint 之間的區(qū)別,一個添加的參數(shù)是NSArray,一個是NSLayoutConstraint
使用規(guī)則
|: 表示父視圖
-:表示距離
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 scrollView自動布局技巧之二 - 純代碼自動布局
目錄:
注意:
- 不管以上那種情況,scrollView 本身的大小和位置一定要相對固定!
- 可以使用frame直接設置,也可以使用自動布局設置。
根據(jù)排列組合,共有 2*2 = 4 中情況,下面分別分析:
這種情況沒什么好說的,直接設置即可。
這種情況相當于是第四種情況的簡化版,故請先看[第四種方式]。
我們知道,只要設置 scrollView 的 contentSize,就限定了 scrollView 的可滾動范圍。所以這種情況,并不能很好的根據(jù)子控件的變化而動態(tài)顯示完整的內容。
所以子控件bounds變化的情況,需要使用[第四種方式]設置。
首先來做個分析:
第1條,兩種設置方式,自己根據(jù)實際情況選擇一種即可;
第2條,將所有子視圖塞進一個容器視圖中。即先給scrollView添加一個 唯一直接子視圖 。
通俗點說就是創(chuàng)建一個 sizeView 設置其大?。ㄖ苯釉O置frame或者使用autolayout設置皆可),然后將其添加到scrollView的子視圖,其他七七八八的所有小子視圖都添加在這個直接子視圖 sizeView 中,這個直接子視圖就相當于 contentView。
這樣只要設置這個直接子視圖 sizeView 的大小和約束就好了。
如果設置好了這個直接子視圖 sizeView 的約束,那么這個直接子視圖 sizeView 的范圍就是 scrollView 的滾動范圍嘍!
第3條,其實設置子視圖布局就2個要點:
如圖1、圖2
圖2為豎直、水平方向皆可滾動,注意觀察滾動條位置。
圖2為豎直、水平方向皆可滾動,注意觀察滾動條位置。
如此設置布局是不是很方便呢?
當前名稱:ios開發(fā)之純代碼界面,iOS開發(fā)吧
標題鏈接:http://fisionsoft.com.cn/article/dsihceo.html