unity 登录注册界面UI制作

Unity 登录注册的实现（无数据库）

（unity5.3.6）

1.新建场景，命名为“load”

2.在场景中添加背景。

创建“UI”-“image”



3.添加标题。

按照第二个步骤，创建“UI”-“text”，命名为“title”。调整属性如下：



4.添加输入框。

新建空物体，命名为“Inputname”,添加其子物体“text”和“Input Field”。



命名“Input Field”为“Inputname”。



设置text的属性：



设置输入框“Inputname”的子物体Placeholder的属性



效果如下：（区域截图）



选择“Inputname”按【ctrl+d】快捷键复制，命名新的复制体为“Inputnpassword”。调整属性，效果如下：



5.添加按钮。按照第二个步骤，创建“UI”-“button”，命名为“Btn_loadin”。调整属性如下：



创建勾选框toggle

文本输入为“登录”。复制按钮，调整属性，文本输入为“注册”

效果如下：



6.添加提示信息。按照第二个步骤，创建“UI”-“text”，命名为“Tooltip”。输入文本：“提示信息：”（也可以不用输入文本，引文后面是用代码控制输出的）

UI登录界面初步完成。看一下预览效果。



注册场景的UI制作如下：

把登录场景的画布和事件拖拽到资源场景中生成预置资源



新建场景，命名为“Register”

把刚才生成的预置资源拖到场景中。

修改变成最终效果如下：



UI界面完成