iOS多屏等比適配的問(wèn)題

在YY狼人殺項(xiàng)目中,設(shè)計(jì)提出一項(xiàng)界面優(yōu)化,由于iPhone5s的屏幕比較小,iPhone Plus款又太大,會(huì)使得游戲界面變得太狹窄或留白過(guò)多。設(shè)計(jì)要求等比適配。因?yàn)?S屏幕和6和Plus的屏幕寬高比都是相同的(只差一兩個(gè)像素)。只需要照iPhone6做一次布局然后所有東西都等比縮放就好了。
而iOS事實(shí)上本身并沒(méi)有等比布局方案,用代碼或者autolayout間距都是固定的,全部用代碼計(jì)算就太麻煩。而且字體也無(wú)法縮放,最后的解決方案是使用UIView的transform特性來(lái)布局。

  1. 在需要等比縮放布局的頁(yè)面創(chuàng)建一個(gè)UIView,寫死為iphone6的寬高。
  2. 在該UIView將所有的控件都按照設(shè)計(jì)圖布局好。
  3. 使用transform的縮放方法拿到當(dāng)前屏幕寬高按照比例將UIView縮放并加到controller的view上。布局就完成了。

由于使用transform,點(diǎn)擊事件和UI也都不會(huì)錯(cuò)亂,也會(huì)自動(dòng)適配。完美解決等比適配的問(wèn)題。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容