說到iOS的適配，確實(shí)是個(gè)頭疼的問題，像我這樣對代碼布局不太熟悉的新手，更是無語。所以無論如何，今天也要把AutoLayout熟悉一下。

關(guān)于StackView：

雖然蘋果在iOS9之后推出了StackView這個(gè)強(qiáng)大的組件，但是，由于手機(jī)系統(tǒng)必須是iOS9以上才能使用，所以對于很多支持iOS8的APP項(xiàng)目而言，還是望而卻步（所以我也只能繼續(xù)研究AutoLayout了）。

關(guān)于Autoresizing和AutoLayout：

Autoresizing基本上已經(jīng)是過時(shí)的布局方式了，而AutoLayout現(xiàn)在比較主流，這里有Autoresizing和AutoLayout的詳細(xì)介紹。我也是通過這篇文章對AutoLayout有了初步的了解，好文共享！

至于如何進(jìn)行學(xué)習(xí)AutoLayout，我現(xiàn)在的了解程度，只有短短不到兩個(gè)小時(shí)。實(shí)在是沒法給出有用的教程建議，我會在一周后來寫一篇教程，以我的了解來詳細(xì)介紹AutoLayout的入門介紹。

Step1：雖然只了解一點(diǎn)點(diǎn)，但還是老方法，先找一個(gè)的樣板，然后模仿：

要模仿的APP

找了半天的APP素材，就發(fā)現(xiàn)這個(gè)比較好模仿，這個(gè)界面看起來很不錯(cuò)，我也能用AutoLayout做出來。

不是太了解代碼或者Autoresizing的布局方式，但是要做出這個(gè)效果，應(yīng)該會花上不少時(shí)間吧，特別是當(dāng)應(yīng)用在不同型號的iPhone上時(shí)，應(yīng)該會花不少功夫吧。

Step2：分析解決：有15個(gè)圖標(biāo)（反正只看到15個(gè)），每個(gè)的大小相同：

新建工程：

添加15個(gè)button

這里我為了省時(shí)間，也為了便于觀察，就拖了一個(gè)Button到View中：然后設(shè)置一個(gè)背景顏色和白色字體，復(fù)制粘貼15個(gè)出來，然后大致對齊一下

Step3：用AutoLayout布局：

界面看起來位置很亂，這就對了，不要管，布局交給AutoLayout來：

6步設(shè)置好AutoLayout

操作過程如上圖：1、全選15個(gè)Button，2、不留白邊，3、設(shè)置約束（點(diǎn)擊短線變成實(shí)線），4、設(shè)置button的寬高一致，5、讓修改的設(shè)置布局立即執(zhí)行，6、點(diǎn)擊Add Constraints。搞定：

AutoLayout出來的界面

模擬器運(yùn)行（為了直觀看見大小，我設(shè)置了一個(gè)Button的背景顏色藍(lán)色）：

6s-P運(yùn)行效果

Step4：完善細(xì)節(jié)（偷點(diǎn)懶，節(jié)省下時(shí)間，早點(diǎn)睡覺………就不對我們要模仿的那張圖一一取色了，時(shí)間多有興趣的小伙伴可以繼續(xù)完善）：

修改Button名字、字體大小和背景顏色，然后運(yùn)行：

運(yùn)行效果6s-P

運(yùn)行效果5s

AutoLayout，很方便的布局方式，節(jié)省了不少的布局上的的時(shí)間，極大的優(yōu)化了不同尺寸iPhone的適配。

ps：AutoLayout了解還是太少，加之寫的太倉促，總之有待繼續(xù)學(xué)習(xí)。
睡覺！睡覺！