今天下午的时候,给大家简单初识了一下NGUI的开始。今晚无聊就说一说u3d 登陆界面吧。
做一个简单的登录界面...................................
1、登录背景创建---Sprite介绍
(当然,大家也可以向我在第一课那样在Widget Tool里创建sprite)
在sprite的inspector里大家可以看到UISprite脚本
atlas选项前面已经介绍过。点击那个sprite可以进入atlas选择相应的sprite。在这里我选择了
首先介绍Type:
如果图标较小,我们需要平铺很大,但是又不想重复,可以选择sliced。在这里我只是选择了simple
其中前三种选项大致一样,只有第四种选项下又包括Fill Dir(填充方向),FillAmount(填充量),Invert Fill(反转填充)。这三个主要用于修改填充为260选择填充,水平,垂直填充等,大家可以自己试验一下效果。
接下来是Widget
Pivot是sprite的中心点,Depth是层,深度的意思,size就是大小了。这个应该很容易理解。后面size跟着一个snap,意思是适应图片的实际大小,点击后图片就会显示为实际图片大小。后面的那个anchor下一个教程再介绍了(卖个关子)
2、Label的创建(让我们创建个name和password的label)
你可以在font选择你所需要的字体(unity对于中文支持听麻烦的说,要用特地字体。目前先用着英文,以后再给大家介绍如果放入中文字体)
参数介绍:Overflow有4个参数,第一个shrinkContent表示的是方框是不缩放,但会自动缩放字体。
clampContent表示的是方框字体都不会缩小,一旦你输入的字体超过方框将无法看到
ResizeFreely表示的是方框会根据你的字体大小长度自适应。
第四个大家自己体验下吧。
下面那个gradient说实话我也没怎么用过........
Effect就是字体效果了目前有阴影(shadow)和描边(outline)两种效果。
spacing是字体间距。maxLines是最大行数。color Tint是字体颜色。
好了,这样sprite背景和Label标签都有了。下面制作输入框Input。
做一个简单的登录界面...................................
1、登录背景创建---Sprite介绍
(当然,大家也可以向我在第一课那样在Widget Tool里创建sprite)
在sprite的inspector里大家可以看到UISprite脚本
atlas选项前面已经介绍过。点击那个sprite可以进入atlas选择相应的sprite。在这里我选择了
首先介绍Type:
如果图标较小,我们需要平铺很大,但是又不想重复,可以选择sliced。在这里我只是选择了simple
其中前三种选项大致一样,只有第四种选项下又包括Fill Dir(填充方向),FillAmount(填充量),Invert Fill(反转填充)。这三个主要用于修改填充为260选择填充,水平,垂直填充等,大家可以自己试验一下效果。
接下来是Widget
Pivot是sprite的中心点,Depth是层,深度的意思,size就是大小了。这个应该很容易理解。后面size跟着一个snap,意思是适应图片的实际大小,点击后图片就会显示为实际图片大小。后面的那个anchor下一个教程再介绍了(卖个关子)
2、Label的创建(让我们创建个name和password的label)
你可以在font选择你所需要的字体(unity对于中文支持听麻烦的说,要用特地字体。目前先用着英文,以后再给大家介绍如果放入中文字体)
参数介绍:Overflow有4个参数,第一个shrinkContent表示的是方框是不缩放,但会自动缩放字体。
clampContent表示的是方框字体都不会缩小,一旦你输入的字体超过方框将无法看到
ResizeFreely表示的是方框会根据你的字体大小长度自适应。
第四个大家自己体验下吧。
下面那个gradient说实话我也没怎么用过........
Effect就是字体效果了目前有阴影(shadow)和描边(outline)两种效果。
spacing是字体间距。maxLines是最大行数。color Tint是字体颜色。
好了,这样sprite背景和Label标签都有了。下面制作输入框Input。