3、输入框Input(按照前面所说在Widget Tool上加上Input)
input的inspector
前面那些active Text color,inactive color等4个颜色值大家可以自己调下。
input type有三种,标准(standard),自动纠错(autocorrect)和密码(password)。用户名就用standard就可以了。密码输入框选password。
validation是验证,里面有多个数据类型的验证。这个后面再讲了。。。。。
(额,后面那些我还没用过的说。等用过了以后再补充了............................)
(补充。忘了说input有个box collider,那个是检测你鼠标是否有点击到框,进而才能输入文字。主要你的center和size要和你的background的尺寸大小对应。input下面的background和label前面已经介绍了(sprite与label)。一样的,这里不多做介绍。
)
我们增加了input后,目前的效果是这样的。。。。。
4、按钮(Button)的制作
依然先加个按钮
可以看到UIButton的脚步。box collider和前面的input一样的。color和sprite那里就是你normal,hover,pressed,disabled四种状态的改变了。onClick的notify是给脚步传参的(以后说明),UIPlay Sound就是点击的声音。
初始的按钮大小是200X100的,大家调整下box dollider的size,还有就是background的也要调整为与box的一致。
增加完按钮后,调整下每个UI的位置。最终效果如图。。。。
一个简单的登录界面就完成了。当然这个界面没有任何的实际用途。下一教程我会给大家添加一些脚步来获取里面的值和点击按钮的跳转。。。