iOS開(kāi)發(fā)過(guò)程中，你更喜歡用Storyboard/xib做界面，還是直接用代碼來(lái)寫界面？

個(gè)人還是比較建議用純代碼，至于原因，也很簡(jiǎn)單，層的可控性更強(qiáng)，項(xiàng)目構(gòu)架也會(huì)更緊湊，對(duì)于維護(hù)和其他開(kāi)發(fā)者接手會(huì)更容易。缺點(diǎn)是代碼量大，對(duì)于開(kāi)發(fā)語(yǔ)言程度不夠者會(huì)很吃力。至于很多人說(shuō)SB和xib在適配方面的優(yōu)勢(shì)。。。。我只想說(shuō)，iOS有自己的一套自動(dòng)布局的東西，稍微有點(diǎn)技術(shù)的開(kāi)發(fā)者也會(huì)自己封裝些類別方法進(jìn)行封裝，或者也有自動(dòng)布局的開(kāi)源庫(kù)等等，當(dāng)然，這個(gè)是仁者見(jiàn)人智者見(jiàn)智了。

創(chuàng)新互聯(lián)成立于2013年，先為蒼南等服務(wù)建站，蒼南等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為蒼南企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

關(guān)于SB和xib開(kāi)發(fā)或者純代碼開(kāi)發(fā)從蘋果開(kāi)放SB，xib以后就有很大爭(zhēng)議，但是既然做開(kāi)發(fā)，那就是程序猿，不論個(gè)人技術(shù)水平如何，個(gè)人覺(jué)得開(kāi)發(fā)者不應(yīng)該過(guò)多依賴于類似界面開(kāi)發(fā)工具，只有從代碼出發(fā)，才能更好的掌握一門語(yǔ)言和一種開(kāi)發(fā)模式，只有這樣，對(duì)于自身的成長(zhǎng)和技術(shù)的累計(jì)才是最有利的。

ios做ui界面是用純代碼實(shí)現(xiàn)好還是拖控件好

用純代碼實(shí)現(xiàn)有利于后期的維護(hù)，如果只是做一次就不再考慮維護(hù)之類的問(wèn)題，拖拽方便一些，不過(guò)本人認(rèn)為純代碼實(shí)現(xiàn)比較好

ios中純手寫代碼怎么實(shí)現(xiàn)內(nèi)容的自動(dòng)布局

原理：IOS6.0 之后，蘋果優(yōu)化了UI界面的布局方式，提出了自動(dòng)布局的概念，和之前的autoresizing相比功能更強(qiáng)大。子視圖基于父視圖的自動(dòng)布局顯示。都是父視圖去添加對(duì)子視圖的約束。

在這里主要說(shuō)的是通過(guò)代碼對(duì)自動(dòng)布局視圖的實(shí)現(xiàn)。

代碼中一般用到的有兩個(gè)添加約束的方式：

1.- (void)addConstraint:(NSLayoutConstraint *)constraint NS_AVAILABLE_IOS(6_0);

2.- (void)addConstraints:(NSArray *)constraints NS_AVAILABLE_IOS(6_0);

/span

在使用自動(dòng)布局之前要對(duì)子視圖的布局方式進(jìn)行調(diào)整，用到這個(gè)UIView的屬性。

- (BOOL)translatesAutoresizingMaskIntoConstraints NS_AVAILABLE_IOS(6_0); // Default YES

需要將其設(shè)置為NO；

下面用簡(jiǎn)單例子說(shuō)明一下：

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];//添加兩個(gè)允許自動(dòng)布局的子視圖

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:v1

attribute:NSLayoutAttributeWidth

relatedBy:NSLayoutRelationEqual

toItem:self.view

attribute:NSLayoutAttributeWidth

multiplier:1.0

constant:0]];//設(shè)置子視圖的寬度和父視圖的寬度相同

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:v1

attribute:NSLayoutAttributeHeight

relatedBy:NSLayoutRelationEqual

toItem:self.view

attribute:NSLayoutAttributeHeight

multiplier:0.5

constant:0]];//設(shè)置子視圖的高度是父視圖高度的一半

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

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

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-0-[v1]-0-[v2]-0-|" options:0 metrics:nil views:views]];//最后是垂直布局兩個(gè)子view

這樣就可以實(shí)現(xiàn)上下兩個(gè)view，各占一半。旋轉(zhuǎn)屏幕的情況下也會(huì)自動(dòng)處理布局。這樣看起來(lái)代碼多，但是可以適應(yīng)多種分辨率的屏幕。不排除以后蘋果出更大更多分辨率的手機(jī)。

關(guān)于constraintsWithVisualFormat：函數(shù)介紹：

constraintsWithVisualFormat:參數(shù)為NSString型，指定Contsraint的屬性，是垂直方向的限定還是水平方向的限定，參數(shù)定義一般如下：

V:|-(=XXX) :表示垂直方向上相對(duì)于SuperView大于、等于、小于某個(gè)距離

若是要定義水平方向，則將V：改成H：即可

在接著后面-[]中括號(hào)里面對(duì)當(dāng)前的View/控件 的高度/寬度進(jìn)行設(shè)定；

options：字典類型的值；這里的值一般在系統(tǒng)定義的一個(gè)enum里面選取

metrics：nil；一般為nil ，參數(shù)類型為NSDictionary，從外部傳入 //衡量標(biāo)準(zhǔn)

views：就是上面所加入到NSDictionary中的綁定的View

在這里要注意的是 AddConstraints 和 AddConstraint 之間的區(qū)別，一個(gè)添加的參數(shù)是NSArray，一個(gè)是NSLayoutConstraint

使用規(guī)則

|: 表示父視圖

-:表示距離

V: :表示垂直

H: :表示水平

= :表示視圖間距、寬度和高度必須大于或等于某個(gè)值

= :表示視圖間距、寬度和高度必須小宇或等于某個(gè)值

== :表示視圖間距、寬度或者高度必須等于某個(gè)值

@ :=、=、== 限制 最大為 1000

1.|-[view]-|: 視圖處在父視圖的左右邊緣內(nèi)

2.|-[view] : 視圖處在父視圖的左邊緣

3.|[view] : 視圖和父視圖左邊對(duì)齊

4.-[view]- : 設(shè)置視圖的寬度高度

5.|-30.0-[view]-30.0-|: 表示離父視圖 左右間距 30

6.[view(200.0)] : 表示視圖寬度為 200.0

7.|-[view(view1)]-[view1]-| :表示視圖寬度一樣，并且在父視圖左右邊緣內(nèi)

8. V:|-[view(50.0)] : 視圖高度為 50

9: V:|-(==padding)-[imageView]-=0-[button]-(==padding)-| : 表示離父視圖的距離

為Padding,這兩個(gè)視圖間距必須大于或等于0并且距離底部父視圖為 padding。

10: [wideView(=60@700)] :視圖的寬度為至少為60 不能超過(guò) 700

11: 如果沒(méi)有聲明方向默認(rèn)為 水平 V:

iOS scrollView自動(dòng)布局技巧之二 - 純代碼自動(dòng)布局

目錄：

注意：

- 不管以上那種情況，scrollView 本身的大小和位置一定要相對(duì)固定！

- 可以使用frame直接設(shè)置，也可以使用自動(dòng)布局設(shè)置。

根據(jù)排列組合，共有 2*2 = 4 中情況，下面分別分析：

這種情況沒(méi)什么好說(shuō)的，直接設(shè)置即可。

這種情況相當(dāng)于是第四種情況的簡(jiǎn)化版，故請(qǐng)先看[第四種方式]。

我們知道，只要設(shè)置 scrollView 的 contentSize，就限定了 scrollView 的可滾動(dòng)范圍。所以這種情況，并不能很好的根據(jù)子控件的變化而動(dòng)態(tài)顯示完整的內(nèi)容。

所以子控件bounds變化的情況，需要使用[第四種方式]設(shè)置。

首先來(lái)做個(gè)分析：

第1條，兩種設(shè)置方式，自己根據(jù)實(shí)際情況選擇一種即可；

第2條，將所有子視圖塞進(jìn)一個(gè)容器視圖中。即先給scrollView添加一個(gè) 唯一直接子視圖 。

通俗點(diǎn)說(shuō)就是創(chuàng)建一個(gè) sizeView 設(shè)置其大小（直接設(shè)置frame或者使用autolayout設(shè)置皆可），然后將其添加到scrollView的子視圖，其他七七八八的所有小子視圖都添加在這個(gè)直接子視圖 sizeView 中，這個(gè)直接子視圖就相當(dāng)于 contentView。

這樣只要設(shè)置這個(gè)直接子視圖 sizeView 的大小和約束就好了。

如果設(shè)置好了這個(gè)直接子視圖 sizeView 的約束，那么這個(gè)直接子視圖 sizeView 的范圍就是 scrollView 的滾動(dòng)范圍嘍！

第3條，其實(shí)設(shè)置子視圖布局就2個(gè)要點(diǎn)：

如圖1、圖2

圖2為豎直、水平方向皆可滾動(dòng)，注意觀察滾動(dòng)條位置。

圖2為豎直、水平方向皆可滾動(dòng)，注意觀察滾動(dòng)條位置。

如此設(shè)置布局是不是很方便呢？

分享題目：ios開(kāi)發(fā)之純代碼界面,iOS開(kāi)發(fā)吧
地址分享：http://www.2m8n56k.cn/article40/dsihceo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、企業(yè)網(wǎng)站制作、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站導(dǎo)航、搜索引擎優(yōu)化、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)