由於專題使用到,但網路上找到的方法都是說將Anchor的調整為Unified,沒有說明選擇Unified後出現的參數要怎麼調整,自己測試出來後在此紀錄免得以後又忘記,有錯誤請指教。
(使用Unity 4)
(該方法用於手機也適用)
首先創新一個專案,儲存路徑不可有中文,Import the following package可以都不選。
至於要2D還是3D影響不大。
之後選擇Assets → Import Package → Custom Package引入NGUI
引入完成後會像這樣(UnityVS是因為不習慣MONO改用VS時所必須使用的東西,如果是使用MONO編輯環境的話可以無視),同時放入一張待會要測試的圖片background
引入成功後可在上面的工作列出現「NGUI」選項,選擇NGUI → Create → Widget
會發現多出了UI Root
此時由於用不到Main Camera所以刪掉,至於原因則請看這部影片
(從5:02開始看)
點選Container後選擇NGUI → Create → Texture
(因為只是想純粹顯示圖檔,所以使用這個)
由於剛剛點選Container後才新增,所以新增的物件會放在Container裡面,再將測試的圖片拖到指定的地方(請看圖中紅色標記)
為了方便後續調整,將下面這個打勾取消(預設是有打勾的)
至於紫色框框則是實際會在螢幕顯示出來範圍
點選Container後在這個地方找到紅圈的選項,將Type選擇Unified
會變成這樣
這些就是代表Container和上一層target間的距離,此時只要設定成如下圖就是代表完全貼合紫色框框(視窗)的意思
此時選擇剛剛新增的Textuer,一樣在Anchors的Type選擇Unified,然後同上面那張圖一樣,就可以完成自動依照螢幕大小和解析度調整測試圖片大小的功能了!
P.S.1.他會按照Left、Right、Bottom、Top這四個參數的設定,在解析度和螢幕大小改變時,依照這四個參數進行自動縮放和調整位置,將Anchors改為Unified後會在Scene看到黃色的實心圓圈,那代表的是要和該地方進行一定距離的縮放。
P.S.2.Target則是要對齊的元件。
P.S.3.Execute則是要多久對齊一次。On Enable則是元件被執行時對齊一次;On Update則是隨時都對齊(可用於PC這種可隨時改變解析度的平台)
若是圖片發生了嚴重失真的狀況,請選擇UI Root,然後將圖中紅圈圈的項目改為Fixed Size即可。
若是發現圖片沒有如預想般的放大縮小,則是因為使用了這個腳本來顯示圖片
請將該腳本刪除改為使用 Component → NGUI → UI → NGUI Texture,再將圖片拖入Texture內