關於NGUI與解析度適應(基礎篇)

通常第一件事情,先確認解析度,大多的裝置都還是800*480,或者主要還是習慣以800*480來做檢視與製作(雖然真正製作UI時還是會開一個1280*800的尺寸去製作UI)
會先將UI Root的縮放方式設定如下圖



然後我們先在角落放滿UI



接著從Game視窗改解析度為1280*800並將畫面最大化......

這篇最大的問題出來了,原本以為會貼著邊的UI,其實在不同解析度下會出現這樣的狀況,突出去太多、縮進來太少......
這個問題要怎麼解決呢? 原先我自己是用會整體變形的縮放方式,後來NGUI新版本,不得不改做法。
先在基本的解析度下將UI的Anchor改為Unified,仔細看其實他還有分上下左右跟目標,其實就是將UI的上下左右邊去對齊目標的某個邊界,或者特定的位置。

接著我們可以改變解析度去觀看,調整後視窗需要拉動一下尺寸,或者執行狀態,UI才會重新再適應一次,這點要注意一下。


但是有一些地方需要注意,UI在設計時就要注意到版面問題,盡可能避開適應時會重疊、出現破綻的設計。
或者要多注意這些細節。
而且適應也不是百分之百完美的作法,目前NGUI如果有使用PositionTween,也會因為適應後,位置會偏移,要記得自己用腳本去修正。

留言

這個網誌中的熱門文章

參加畢業展之設計類展場小心得

Unity 判斷兩物之間距離、角度,並注視目標

Action Game Maker 1.03 正體中文漢化版