close

由於專題使用到,但網路上找到的方法都是說將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內

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Yang 的頭像
    Yang

    Yang的部落格(轉貼文章請註記來源)

    Yang 發表在 痞客邦 留言(0) 人氣()