NGUI:UISprite

概觀:

UISprite是NGUI不可或缺的一部分,他是一個由texture atlas拉出來的繪製圖。就像其他的widgets一樣,他繼承了UIWidget 所有的功能。

閱讀全文:NGUI:UISprite

NGUI:UI2DSprite

概觀:

2D Sprite是一個能夠畫出Unity 4.3 sprites的小工具。他繼承了UIWidget的所有功能,並且加入了一個可視元件—一個sprite texture--這個元件可以延伸它的尺寸。

這個元件只有在Unity 4.3或是更高的版本才能使用。

閱讀全文:NGUI:UI2DSprite

NGUI:UITexture

概觀:

UITexture是NGUI中最基礎的可繪製元件。他繼承了UIWidget所有的功能,並且加入了一個可見的元件—texture—這個元件可以延伸它的尺寸。

閱讀全文:NGUI:UITexture

NGUI:UIWidget

概觀:

UIWidget是一個基本的NGUI元件,簡單來說,它只是一個四邊形,你可以把它放在螢幕上任何你喜換歡的位置。這個小工具有一塊區域,在執行期間是完全看不見的—這個特點讓它很適合用來當作一個容器,可以放一些其他的元件。

閱讀全文:NGUI:UIWidget

NGUI Tutorial: Step 3

NGUI Tutorial: Step 3

  1. With your Panel game object selected, use the Widget Wizard to add a Sprite using the Dark sprite from the atlas and change it to be a Sliced type sprite. New to the concept of 9-slicing? Perhaps this page will help.(維克:失效連結,我把它移除了)
  2. Adjust the Scale to (500, 500, 1).
  3. Add another Sliced Sprite and set its Scale to (500, 40, 1).
  4. Change the position of the second sprite to be (0, 230, 0).
  5. Change the Sprite from Dark to Light.
  6. Play with the colors of the two sliced sprites until you like what you see.
  7. Adjust the Depth so that the sliced sprites are behind the colored sprites.

You now should have something that resembles a window.

NGUI Tutorial: Step 2

NGUI Tutorial: Step 2 Sprite

Now that our UI has been set up in the previous step, let’s add few widgets: NGUI menu -> Create a Widget.

This wizard lets you create some of the basic widgets. You will need to select the atlas you will want to use, as well as the font. Since you are in a brand-new project, clicking the buttons won’t have much of an effect as they only show you recently used elements. What you will want to do is Drag & Drop the atlas and font you wish to use into the fields beside the buttons. Let’s choose the SciFi Atlas for the atlas, and SciFi Font – Normal for the font.

NGUI 教學:第二步 建立小圖

(維克:altas是很多小圖集合而成的一張大圖,而sprite是大圖裡面中的小圖,有人叫他精靈,當然它也是雪碧的名字 。)

現在我們的UI在上一步驟中已經建立好了。讓我們來加入一些小工具:NGUI menu -> Create a Widget.

上面這個精靈讓你夠建立一些基本的工具,你需要先選擇你想要使用的圖集(atlas),以及字型。因為你現在是在新的專案下,所以按下按鈕沒有啥用處,因為按鈕是用來顯示你最近使用過的圖集或是字型。你要做的是把你要用的圖集以及字型拖到按鈕旁邊框框內。讓我們選擇 SciFi Atlas來做為我們的圖集,以及SciFi Font – Normal做為字型。

閱讀全文:NGUI Tutorial: Step 2

子分類