我的戰(zhàn)艦這款游戲各位玩家經(jīng)常會遇到一種情況，就是UI錯位，那玩家要怎么解決這種情況呢？小編今天為大家?guī)砹巳聊籙I尺寸算法的攻略，希望能對各位玩家有所幫助，如果大家再遇到UI錯位的情況,大家就可以嘗試著自己矯正了，那一起來看看吧
我的戰(zhàn)艦UI錯位攻略
以18:9與8:9的手機（平板電腦）屏幕為
游戲內(nèi)的尺寸標準是將屏幕的Y邊長度規(guī)定為1000，X邊因屏幕而異，18:9的屏幕X邊長就為2000，8:9的屏幕X邊長就近似于1000
不信可以驗證一下，若將UI尺寸的Y值設(shè)置為1000（UI坐標的Y值必須為0.5，UI坐標的基礎(chǔ)知識詳見https://www.taptap.com/topic/11087941）
可以看到左側(cè)的按鈕幾乎觸及了屏幕的上下邊，但還是有距離，產(chǎn)生距離的原因是官方為了避免UI連接導(dǎo)致不美觀，將UI縮小了一定的比例
我的手機長寬比是2:1，上圖中，中間縱向排列的UI沒有間距，但橫向排列的UI出現(xiàn)了一個很大的間距，剛好可以再容納一個（100，100）尺寸的UI，如果在中間再放一個UI，那么在長寬比為8:9的屏幕上就一定會出現(xiàn)UI錯位
【算法教學(xué)】
首先得到屏幕的尺寸，X為長值，Y為寬值，然后將長寬比算出來
因為每一個屏幕的Y值都是1000長度（官方硬性規(guī)定），X值會根據(jù)每個屏幕長寬比的不同而變化，所以要將Y作為一個標準值，也就是分母
算完以后的長寬比，就可以直接用來計算不同屏幕中UI尺寸的實際X值
如果你想在長寬比為1:1的屏幕上顯示一個尺寸為（100，100）的UI，因為Y值大家都是一樣的，所以Y就是100，X值因屏幕而異，所以要用長寬比乘以100算出該尺寸的實際X值。
效果可以參考下方兩張圖片中的右上角按鈕
這個算法的尺寸是1:1屏幕的效果，在2:1的屏幕上，UI的X值就會自動變成200
使用這個方法設(shè)計UI時，UI是1:1屏幕的布局和尺寸（可以拿張紙畫一個正方形表格，在紙上進行設(shè)計，再輸入到手機上）
舉個例子，想要在1:1屏幕上顯示一個尺寸為（200，100）的UI按鈕，X值設(shè)置為200乘以長寬比，Y設(shè)置為100，這個按鈕在1:1的屏幕上顯示出來的實際尺寸就為（200，100），在2:1的屏幕上顯示出來的實際尺寸就為（400，100），在3:1的屏幕上顯示出來的實際尺寸就為（600，100）
用這個方法可以保證UI在不同的屏幕上所在占有的面積百分比是相同的，以防止UI的錯位
喜歡
頂
難過
囧
圍觀
無聊
原神迪希雅怎么
原神迪希雅怎么
原神3.2上半卡池
原神2.6版本武器
支持( 1 ) 蓋樓(回復(fù))