關於NGUI中的自適應和對齊機制

2022-03-24 10:23:50 字數 1004 閱讀 8750

1 關於美術效果圖

美術出效果圖總是基於某個固定尺寸。移動裝置的解析度卻有太多不同的方案,比如960*640,1024*768,1920*1080。何解?

讓美術按某個固定尺寸做即可,比如按1920*1080,然後在實際裝置上按比例縮放即可。這裡引用別人部落格裡幾張圖說明,懶得自己畫了。

美術效果圖如下:

實際手機上如果看來較細的解析度時效果如下圖

實際手機上如果看來較胖的解析度時效果如下圖

上面後2張圖粉紅色部分,直接換成黑色即可。

2 關於3d遊戲世界

只要你的場景足夠大,就不怕,都能完全顯示出來。當然在顯示屏以外的部分還需要你去做滑動可拉動攝像頭座標以看到螢幕外的內容

3 關於2d背景圖

做乙個足夠大的背景圖吧。。。

4 關於各種對齊的ui部件

如圖

這種對齊方式,很簡單設定anchor即可。

ngui裡的例子可見是對ui root來做anchor的,可是如果我們ui製作是做成prefab來儲存,實時例項化載入的話,就會自動失去對ui root 的 anchor關係。

其實很簡單,只要這些ui部件是針對本ui最外層的uisprite來做anchor,然後在載入後實時將 target 改為ui root即可

5 關於自適應

參見這裡 

自適應和響應式布局的區別?

自適應布局通過檢測視口解析度,來判斷當前訪問的裝置是 pc端 平板 手機,從而請求服務層,返回不同的頁面 響應式布局通過檢測視口解析度,針對不同客戶端在客戶端做 處理,來展現不同的布局和內容。自適應布局需要開發多套介面,而響應式布局只需要開發一套介面就可以了。自適應對頁面做的螢幕適配是在一定範圍 比...

NGUI之UIRoot 螢幕的自適應解析度的計算

原來寫在其他部落格上的東西,搬遷 預備知識 已知設計解析度,螢幕解析度,求區域解析度的計算方法 求解不留黑邊 留黑邊cw ch w h cw th w h target cw th tw ch w h target tw ch cw ch w h tw ch w h target tw ch cw ...

網頁自適應和響應式的區別與分析總結

responsive design 響應式設計 建立乙個網頁,通過css media queries,content based breakpoint 基於內容的斷點 等技術來改變網頁的大小以適應不同解析度的螢幕。adaptive design 自適應設計 為不同類別的裝置建立不同的網頁,檢測到裝置...