Unity 3D用户登陆实现一、UI设计
  PANeMkgDKlPI 2023年11月02日 89 0

一、基本元素创建

1、新建3个Canvas,一个作为主要的,剩下一个是用来输入用户名和地址的,一个用来输入服务器IP

Unity 3D用户登陆实现一、UI设计_背景图片2、添加背景图片

先将2张背景图片转换成精灵

Unity 3D用户登陆实现一、UI设计_背景图片_02

Image添加图片

Unity 3D用户登陆实现一、UI设计_unity_03

添加基本UI元素

Unity 3D用户登陆实现一、UI设计_背景图片_04

在Canvas中添加登陆脚本,将脚本放到合适的位置

Unity 3D用户登陆实现一、UI设计_unity_05

选择你喜欢的编辑器,进行代码编辑

Unity 3D用户登陆实现一、UI设计_背景图片_06

添加4个函数

Unity 3D用户登陆实现一、UI设计_背景图片_07

如果直接将脚本给按钮,事件是无法调用的

Unity 3D用户登陆实现一、UI设计_背景图片_08

需要先将脚本挂载到一个实例中,这里将代码就挂载到Canvas上,然后将Canvas附在On Click中

Unity 3D用户登陆实现一、UI设计_c#_09

这样就可以找到自己写的函数了

Unity 3D用户登陆实现一、UI设计_unity_10

找到想要调用的函数

Unity 3D用户登陆实现一、UI设计_背景图片_11

以此类推,将4个函数挂载到4个按钮上

Unity 3D用户登陆实现一、UI设计_unity_12 

编辑代码,这里需要在VS中移动代码到Script目录,这样看起规整些,也可以不动

Unity 3D用户登陆实现一、UI设计_3d_13

移动后的目录

Unity 3D用户登陆实现一、UI设计_背景图片_14

写入如下代码

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class longinScript : MonoBehaviour
{
public Canvas LoginCanvas;
public Canvas SettingCanvas;
public InputField Username;
public InputField Password;
public InputField IpAddr;
public InputField Port;
public Text LoginInfo;
public Text SettingInfo;
private string _ipAddr = "127.0.0.1";
private string _port = "7050";
private string _userName = "admin";
private string _password = "";
// Start is called before the first frame update
void Start()
{
Username.text = _userName;
LoginInfo.text = "";
SettingInfo.text = "";
}

// Update is called once per frame
void Update()
{

}

public void Login()
{
_userName = Username.text;
_password = Password.text;
LoginInfo.text = "登陆成功!";
Debug.Log($"userName:{_userName},password:{_password}");
}

public void Setting()
{
_ipAddr = IpAddr.text;
_port = Port.text;
SettingInfo.text = "设置成功!";
Debug.Log($"ipAddr:{_ipAddr},port:{_port}");
}

public void ToSettingView()
{
IpAddr.text = _ipAddr;
Port.text = _port;
SettingInfo.text = "";
LoginCanvas.gameObject.SetActive(false);
SettingCanvas.gameObject.SetActive(true);
}

public void ToLoginView()
{
LoginInfo.text = "";
LoginCanvas.gameObject.SetActive(true);
SettingCanvas.gameObject.SetActive(false);
}
}

赋值

Unity 3D用户登陆实现一、UI设计_ipad_15

设置输入框类型

Unity 3D用户登陆实现一、UI设计_ipad_16

这就可以实现登录UI相关的设计,下一步进行网络开发

Unity 3D用户登陆实现一、UI设计_3d_17


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论