1.ui的適配經常是游戲開發中常見的,這個因為每年的手機機型都在變化,屬于一種不可變的變數,
但是,目前市面上也會有各種插件來輔助螢屏適配,不過要想解決根本問題,還是要從美術制作UI,與程式UI搭建上入手,這才是根本問題,以下是我經過插件測驗國內大部分機型,規避整理出的一套安全范圍,以及操作流程,這樣做不需要任何付費插件,一樣能做到ui完美適配任何機型,并且不管是APP游戲,還是H5小程式,都可以規避劉海屏、水滴平、異形照相機孔洞、小程式右上角三個自帶虛擬按鍵、等,
下面上圖,

通過上圖,你會發現,我經過插件測驗,(插件中有好幾百款市面上比較火的機型,在此只抽出幾個特殊案例進行展示,)只要你的UI設計出現在紅色范圍以內,那么就會被特殊螢屏遮擋,因此我們用純色圖片進行規避,如下圖,

2.看上圖,你會發現我們用黑色方塊測量了,紅色區域的范圍,范圍如下,


3,從上圖經過我們的測量,紅色區域為不可以設計圖示以及按鈕的區域,因此設計在制作的時候要避開這些部分,(區域圖可以直接下載下來,放在psd圖層最上方,調整透明度,檢測你設計的Ui是否在安全范圍,)
首先設計要在10802340的源檔案psd下制作檔案,并且設計圖示的時候在藍色范圍內制作,
之后正常右鍵切圖,修改解析度為單數的像素值變為雙數畫布,方便程式搭建的時候計算數值,

4.當切圖切好后,我們到unity中搭建,并且設定解析度為10802340

5,給特殊角標按鈕調整適配錨點,


6.如上圖,把你的父物件,如右圖調整為以高不變適配螢屏,
0代表寬不變,1代表高不變,0.5帶表螢屏拉伸的時候會等比縮放按鈕大小,
都調整好之后我們來用插件測驗一下成果,

7.如上圖,我們搭建的測驗界面,完美的隨著螢屏避開了各種特螢屏,并且自動適配位置與比例,
下面是測驗螢屏的插件 Universal_Device_Preview_1.8.8
鏈接 https://assetstore.unity.com/packages/tools/utilities/universal-device-preview-82015
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/87200.html
標籤:其他
