Learning notes: Unity Battle Card Game (i)-----Ngui basic component usage and code modification acquisition

Find a video learning, resources and source have, the author has a group, the atmosphere is very active, some used in the software group has also shared, incredibly still have a group of friends urging the author Update tutorial video, ask technical questions are also some positive answer, and looked at the Tutorial directory feel speak very simple, not too easy demo, I'm going to start learning.

Although the author's recording quality is very poor, fast ("We click this button" when clicking the button, no matter what button is "This" means, never say button name), but still feel very good (not only the steps, but also to do so to achieve the effect or the pros and cons) ... And not much nonsense ... Its blog is: http://www.xiaobao1993.com/886.html, its QQ group is: 162541429

a learning Ugui

Because the author uses is Ugui, I did not learn before, ran to the game Bull looked at the official tutorial Ugui, probably understand how to use the layout.

Two download material

Because the video of the first 4 sets of material and the latter is not the same, so some things and video does not correspond to their own from the material to find, but at least still can be found, and the interface layout steps are the same, have a look at the video of their own little practice feeling, feeling is quite practiced hand.

Later found that the author actually updated the video .... Look again, fortunately did not read the old version.

Projects and videos: Http://pan.baidu.com/s/1gdCKDaj

Three-learning interface layout

1. Self-made atlas, and cut nine lattice

Benefits: Save Image size

1) Packing with Texturepacker

Get a. png one. txt file

2) Unity import picture and set

3) Add material

4) Add Atlas Presets

5) Painting Nine

2. Set the label font

1) Import fonts

2) Add a label and label font

3) Get the label and modify the property

 Public classtest:monobehaviour {UILabel label; voidStart () {label= gameobject.getcomponent<uilabel>(); Label.text="Hello, Fly! "; Label.color=NewColor (111.0f/255,1,1); Label.alpha=0.5f; Label.effectstyle=UILabel.Effect.Shadow; Label.effectcolor=Color.yellow; }}

3. Do login interface

Make input box:

1) Background frame: INPUT1

2) LABEL:ACC

Steps:

A) Add the box Collider on the INPUT1 and let it automatically match the size

b) Add uiinput to INPUT1 and match acc

To adjust the input type when making a password box

Make the interface as follows:

Learning notes: Unity Battle Card Game (i)-----Ngui basic component usage and code modification acquisition