IOS界面布局到底純代碼和xib哪個(gè)好

我做IOS開(kāi)發(fā)有幾年了，之前從C++畅蹂，MFC轉(zhuǎn)過(guò)來(lái)的乃坤，剛開(kāi)始做IOS開(kāi)發(fā)，我都是用純代碼蜓斧，我現(xiàn)在還記得那種張手就來(lái)的感覺(jué)

UIButton *controlButton = [UIButton alloc] init];

controlButton.frame = CGRect ( 100, 100, 100 ,100);

......

剛開(kāi)始也不懂什么布局仓蛆，適配，所以基本就是做好一個(gè)布局挎春，然后拿比例計(jì)算一下看疙，那時(shí)候iphone還沒(méi)那么多，就4和5直奋，我當(dāng)時(shí)是4能庆、5、ipad都是一套比例脚线，在5上面寫(xiě)死了frame做好之后搁胆，在其他上面，拿當(dāng)時(shí)的屏幕寬度按比例以計(jì)算邮绿，這樣可能不好看渠旁，最起碼每個(gè)界面上都可以看。當(dāng)時(shí)就是初學(xué)者船逮，這個(gè)現(xiàn)在想想真不是一般的爛顾腊。

后來(lái)慢慢接觸了一點(diǎn)，autoLayout的技術(shù)挖胃，都是用代碼杂靶，那時(shí)候不會(huì)用xib。嘗試用了一下autolayout酱鸭，其實(shí)還是按比例計(jì)算吗垮，只是以前是硬算frame，后來(lái)變成在autolayout里面按比例了凹髓。

這些都是沒(méi)入門(mén)的時(shí)候的事情了烁登。

后來(lái)到了一家公司，慢慢接觸到人家的框架蔚舀，才了解到xib的好處防泵。那個(gè)公司的框架大概是這樣的。因?yàn)楫a(chǎn)品要做iphone和ipad版本的蝗敢，所以等于ios 的屏幕都要適配捷泞。

一般每個(gè)界面都是做兩個(gè)xib，一個(gè)是ipad的寿谴，一個(gè)是iphone的锁右，比如我找個(gè)ViewController叫testViewController，那么我對(duì)應(yīng)的兩個(gè)xib就是testViewController.xib和testViewController_ipad.xib。然后代碼中創(chuàng)建ViewController的時(shí)候呢就繼承自一個(gè)viewController的基類(lèi)咏瑟。找個(gè)基類(lèi)中有一個(gè)公共的創(chuàng)建ViewController的方法拂到，找個(gè)方法中會(huì)判斷當(dāng)前ios設(shè)備是ipad還是iphone，ipad就用ipad的xib作為布局去創(chuàng)建ViewController码泞，iphone呢就會(huì)用iphone的xib去創(chuàng)建兄旬。這樣每個(gè)ViewController就有4個(gè)文件，.h余寥、.m领铐、.xib、_ipad.xib宋舷。然后在xib中都用autolayout布局绪撵，關(guān)于怎么在xib中進(jìn)行autolayout布局我之前有篇淺顯的文章講述http://www.reibang.com/p/165285ab2e0b。大家可以看下祝蝠。當(dāng)然我們GUI出圖和布局也是兩套音诈，一套是ipad的，一套是iphone的绎狭，這樣有點(diǎn)麻煩细溅，但是也有有點(diǎn)，清晰明了儡嘶。效果也能一目了然谒兄。之前說(shuō)的ViewContrller的公共基類(lèi)中也可以放一些通用的UI創(chuàng)建代碼。比如標(biāo)題欄之類(lèi)的社付。

另外上面這種架構(gòu)還可以擴(kuò)展，不如我有一個(gè)頁(yè)面還需要針對(duì)5或者4單獨(dú)做一個(gè)適配邻耕，那么我再多創(chuàng)建一個(gè)xib鸥咖，重寫(xiě)基類(lèi)那個(gè)創(chuàng)建ViewController的方法，在里面不但分別判斷ipad和iphone兄世，還區(qū)別iphone4和5啼辣，使用不同的xib創(chuàng)建就OK了。

對(duì)于這種方式我剛開(kāi)始完全不能接受御滩，雖然我用還是會(huì)用一個(gè)ViewController四個(gè)文件的方式鸥拧，為了匹配整個(gè)框架，但是我的兩個(gè)xib中經(jīng)常就是完全空的削解，然后再去.m中各種代碼創(chuàng)建富弦，約束布局。但是時(shí)間久了用一用xib氛驮，發(fā)現(xiàn)也是很好用腕柜。用多了，里面的奧妙也很多。關(guān)鍵.m里面的代碼變少了盏缤，大部分只需要寫(xiě)一些邏輯判斷之類(lèi)的砰蠢，一下少了大篇幅的UI創(chuàng)建布局代碼，代碼的可讀性也增強(qiáng)了唉铜。

但是話(huà)說(shuō)回來(lái)台舱，也不能完全依賴(lài)xib，有些東西畢竟還是代碼比較靈活潭流，有些界面需要根據(jù)不同情況匹配的時(shí)候竞惋，就需要xib和代碼配合。

例如

有一個(gè)頁(yè)面幻枉，如下所示

有三個(gè)View碰声，A_View、B_View熬甫、C_View胰挑。某些情況下界面需要隱藏B_View,而且隱藏的時(shí)候，C_View需要縮進(jìn)上去椿肩，緊跟A_View瞻颂。當(dāng)然這類(lèi)處理，在代碼中也有很多方法郑象，我就講講當(dāng)時(shí)我們?cè)趺唇Y(jié)合x(chóng)ib贡这、autolayout來(lái)解決的。首先我們做一個(gè)流式布局厂榛，B跟著A盖矫，C跟著B(niǎo)。再做一個(gè)限制就是C跟著A击奶，這個(gè)時(shí)候辈双，C跟著B(niǎo)的約束就和C跟著A的約束沖突了。那么我們就使用優(yōu)先級(jí)來(lái)解決柜砾。正常情況下是C跟著B(niǎo)湃望，那么C跟著B(niǎo)的約束優(yōu)先級(jí)定為750，而C跟著A的約束優(yōu)先級(jí)定位250痰驱。然后將C跟著A的約束引入一個(gè)實(shí)例到代碼中证芭，代碼中只需要根據(jù)邏輯的需要，希望隱藏B的時(shí)候担映，將B的hidden屬性設(shè)置為YES废士，再將C跟著A的約束優(yōu)先級(jí)設(shè)置為1000,高于750就可以了。需要顯示B的時(shí)候蝇完，就將B的hidden屬性設(shè)置為NO湃密，然后把C跟著A的約束優(yōu)先級(jí)設(shè)置為250诅挑，低于750就可以了。

通過(guò)xib和代碼的結(jié)合泛源，這樣一個(gè)界面顯示的需求很容易就實(shí)現(xiàn)了拔妥。

因此我覺(jué)得XIB的存在一定是有他的道理的

1.將UI的創(chuàng)建，屬性設(shè)置达箍，界面布局都封裝在xib中不與代碼邏輯混淆没龙，增加了代碼的可讀性。ViewController的代碼量也變少缎玫。代碼中只負(fù)責(zé)處理邏輯硬纤。

2.xib更加直觀(guān)，與產(chǎn)品赃磨、UI筝家、測(cè)試溝通的時(shí)候，一目了然

3.其實(shí)xib更加容易讀懂邻辉，寫(xiě)一堆代碼溪王，還引入一些代碼塊，UI工廠(chǎng)之類(lèi)的代碼值骇，后面維護(hù)的人閱讀的時(shí)候特別難懂莹菱，xib一個(gè)ViewController對(duì)照一個(gè)xib，一清二楚吱瘩。

等等還有很多好處道伟，總之你用代碼寫(xiě)UI也可以，但是嘗試使用一下xib使碾，你會(huì)發(fā)現(xiàn)更加有意思蜜徽。

隨便寫(xiě)的，有什么問(wèn)題歡迎指正票摇，qq 1828141617?