Unity3D制作注册登录界面，并实现场景跳转

效果预览图片：

效果预览视频：

一、新建项目工程

1、打开Unity3D，新建一个项目，将其命名为“Login”。我这里用的版本是Unity2018.4.2f1，不同版本制作过程中的界面可能稍有不同，但是不影响具体功能的实现。

2、可以将样例场景SampleScene重命名为Login，最好做到见名知意。

二、注册登录界面搭建

1、新建Canvas画布。

2、首先选中Scene场景中的2D，让其在2D视角下进行编辑。然后修改Canvas中的Canvas Scaler画布分辨率自适应组件，如下图所示。


3、鼠标点击Canvas，右键选择Create Empty，创建一个空物体，并将其重命名为Login，用来存放所有后面需要用到的子物体。

4、将Login的Rect Transform组件下面的锚点设置为如下图所示（锚点设置方法：鼠标先点击下图的2，然后按住Alt键不放，最后用鼠标选择你要设置的锚点）。

5、鼠标点击Login，右键选择UI下面的Image，并将其重命名为Bg（即背景），用它作为整个注册登录界面的背景。


6、我们可以在网上下载一张图片，当然也可以根据具体项目，选择合适的背景图。这里我将下载的图片重命名为Bg，然后将该图片拖入到Unity中新建的Images文件夹下面，该文件夹用来存放所有的图片，并将该图片的Texture Type修改为Sprite（2D and UI），最后Apply一下，步骤如下图所示。


7、鼠标选中Bg，在Image（Script）组件下面引入背景图片，当然也可以对其Color等进行修改，然后设置其锚点，如下图所示。

8、鼠标选中Login，右键，创建一个Text，该文本的作用是文字说明。

9、在Text文本输入框中输入文字，我这里以“欢迎进入注册登录界面”为例。需要设置它的锚点，我这儿设置的是顶部居中，大家也可以根据各自需要进行相应设置。然后设置文本框的高Height，本例为300。还可以对其字体大小，对齐方式，字体颜色等进行设置。



10、鼠标点击Login，右键，创建一个Input Field输入框，将其重命名为UserName。

11、UserName上的操作。
（1）点击UserName，对它进行一些修改。本例仅修改了它的宽、高。

（2）点击Placeholder，对它进行一些修改，Text里输入“请输入用户名”，如下图所示。

（3）点击Text，对它进行一些修改，如下图所示。

12、鼠标选中UserName，Ctrl＋D，复制两份，并将复制的两份分别重命名为Password和ConfirmPassword，即密码和确认密码，如下图所示。

13、Password上的操作，只需将Password整体往下挪一挪，并修改Placeholder里的Text内容即可，本例Text里的内容为“请输入密码”，其他无需修改，如下图所示。