從接觸ios開始，我就是忠實(shí)的可視化開發(fā)的搬運(yùn)工——俗稱UI拖拽師哄陶！
本編主要送給那些年熱愛xib帆阳，喜歡效率的ios程序猿們。它可能解決你多年的心参荻帧蜒谤！一直揮散不去的禁錮于代碼的約束山宾，一群技術(shù)大牛此時(shí)應(yīng)該會(huì)鄙視，但我樂此不疲芭逝。
正題開始：此篇文章的主要內(nèi)容是利用運(yùn)行時(shí)和xib的機(jī)制塌碌，用少許的代碼適配所有機(jī)型。簡單粗暴而不失優(yōu)雅旬盯！用了我這套方法你只要在375的xib里面隨心所欲的約束台妆，然后就可以適配劉海屏，plus屏胖翰，se屏等等接剩。
-
首先我要引入一個(gè)關(guān)鍵字IBDesignable（此處應(yīng)該有些掌聲）
這個(gè)神奇的關(guān)鍵字IBDesignable的效果就是給xib的右邊欄加一個(gè)屬性列表，然后你可以通過屬性列表將其賦值以達(dá)到針對(duì)不同機(jī)型來適配屏幕萨咳。
image.png -
上圖清晰的說明操作
1.建一個(gè)NSLayoutConstraint類別懊缺，給他加屬性。
請(qǐng)注意給類別加屬性需要用到運(yùn)行時(shí)來實(shí)現(xiàn)培他。原理不就細(xì)說了鹃两，自己找度娘。繼續(xù)上圖
image.png
注意宏的定義是這個(gè)方法的關(guān)鍵舀凛，通過當(dāng)前屏幕的尺寸和375的尺寸做對(duì)比俊扳。
做完這個(gè)功夫后，就差最后一步達(dá)到效果就是去開啟這個(gè)效果猛遍！
選中一個(gè)縱向的約束 然后對(duì)應(yīng)的去打開馋记，由于我的命名太長被...代替了，他的順序是和h文件命名的順序一樣懊烤，第一個(gè)是W橫向的梯醒，第二個(gè)是H縱向的。所以我們打開縱向的腌紧。IBDesignable的關(guān)鍵詞就起了作用茸习，屬性添加的是Bool值所有選的時(shí)候會(huì)出現(xiàn)ON和OFF。
通過這個(gè)操作壁肋，就可以隨意操作xib了逮光。然后布局完成后對(duì)應(yīng)把所有的縱向和橫向的依次設(shè)置一下開關(guān)，他就會(huì)隨著屏幕的尺寸而放大和縮小墩划。
-
很多朋友又要說：你這個(gè)值適配了約束涕刚，字體又不會(huì)變。那這個(gè)又怎么實(shí)現(xiàn)呢乙帮。來吧杜漠。第二步來了，干字體。
字體怎么加呢驾茴。其實(shí)也很簡單盼樟！用運(yùn)行時(shí)，根據(jù)xib的加載機(jī)制锈至。在他加載的某個(gè)階段把當(dāng)下的字體取出來晨缴，然后根據(jù)相應(yīng)的機(jī)型去設(shè)置字體大小就行了。來來來上圖
image.png
建立一個(gè)uilabel的類別峡捡，h文件不用動(dòng)击碗。m文件如圖所示。
通過load方法加載的時(shí)候们拙，講initWithCoder：方法的實(shí)現(xiàn)和自定義的adapterInitWithCoder:的實(shí)現(xiàn)交換稍途。這樣xib加載到initWithCoder：的時(shí)候就會(huì)實(shí)現(xiàn)自定義的那個(gè)方法。取出當(dāng)前的字體大小砚婆，plus屏幕字體就+1（舉例說明可以微調(diào)加0.5）械拍，se屏幕字體就-2。是不是很簡單装盯。那你說怎么調(diào)用呢坷虑，其實(shí)你既然創(chuàng)建了這個(gè)類別就會(huì)走這個(gè)方法，在xib中已經(jīng)實(shí)現(xiàn)了埂奈。是不是很神奇迄损！至于其他空間只要有字體的，都可以用這種方法去實(shí)現(xiàn)挥转，這就不一一舉例了。我平時(shí)直接拉進(jìn)項(xiàng)目如圖所示
有了以上兩個(gè)方法共屈，就實(shí)現(xiàn)了約束的比例縮放以及字體大小的縮放绑谣。xib在375的標(biāo)準(zhǔn)下狂奔吧！ios的開發(fā)者們拗引，run借宵！有什么好的建議可以留言哦，歡迎ios的朋友們相互學(xué)習(xí)矾削。需要Demo記得留下郵箱壤玫，我給你發(fā)Demo。
已經(jīng)多方實(shí)驗(yàn)得出哼凯，高度適配欲间，以及字體適配的必要性有待考證。個(gè)人覺得寬度適配做好就基本滿足了需求断部。高度適配等比例放大和縮小無規(guī)律的屏幕是個(gè)麻煩事猎贴，由于劉海屏的存在。故作者建議大家只做寬度適配就好（字體放大縮小也是卵的，因?yàn)榇笃聊坏淖煮w放大顯得沒有那么精致她渴，也沒有放大的必要）达址，切記切記。這是作者踩坑歸來的良苦玉言趁耗！
