游戏开发之UGUI搭建登录界面

本文介绍了使用Unity 3D的UGUI系统创建游戏登录界面的步骤,包括创建Canvas、Text、输入框、按钮,并通过脚本实现登录功能。通过这个案例,读者可以学习到UI布局、事件监听以及简单的场景切换操作。
摘要由CSDN通过智能技术生成

使用Unity 3D搭建一个游戏界面,基于UGUI,容易上手,是学习UI以及按钮点击事件的不错案例。

环境:Unity 5.6.1,Visual studio 2019。

第一步:打开一个新的Unity3D场景,在Unity Hierarchy界面新建一个canvas,重命名为LoginPanel,接着在LoginPanel下新建两个UI——>Text,重命名为Usernameu以及Password。字体大小以及颜色,在Inspector中自行设置即可。可以在Canvas中的source Image中设置自己喜欢的背景图片。同理,新建第二个Canvas,重命名为MainPanel,这里是为了进行场景跳转,当我们输入用户名,密码之后跳转到游戏场景。
在这里插入图片描述
第二步:接下来在Canvas父物体上建立两个输入框,分别对应用户名以及用户密码,这里的输入框重命名为UsernameInput以及PasswordInput,输入框属性可以自定义设置。输入框下有两个子物体,分别是Placeholder以及Text,分别是对应提示信息,以及用户输入信息。
在这里插入图片描述
第三步:在Canvas父物体上同样新建两个Button,重命名为Login以及Cancel,分别调整大小,布局,最终搭建效果如下。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值