T01_unity制作简单UI计算器 c#

首先创建一个3D项目,并给项目起一个名字

T01_unity制作简单UI计算器 c#_第1张图片

然后在3d游戏对象按键里创建一个UI画布

T01_unity制作简单UI计算器 c#_第2张图片

用鼠标右键及左右方向键将画布移至中央

T01_unity制作简单UI计算器 c#_第3张图片

 之后在 画布 上创建一个 UI面板

T01_unity制作简单UI计算器 c#_第4张图片

  对UI面板进行调色

T01_unity制作简单UI计算器 c#_第5张图片

在UI画布里创建一个UI文本

T01_unity制作简单UI计算器 c#_第6张图片

 对UI文本进行修改瞄点(alt)

 修改属性使文本位置有适合高度宽度以及位置

修改文本内容,修改字体大小,居中对齐,颜色

T01_unity制作简单UI计算器 c#_第7张图片

 再在UI画布里创建一个UI输入文本

T01_unity制作简单UI计算器 c#_第8张图片

修改UI输入文本瞄点alt将位置移至左侧并且修改宽度高度

T01_unity制作简单UI计算器 c#_第9张图片

再修改Ui输入文本下第二个子文本(即输入文字)

 T01_unity制作简单UI计算器 c#_第10张图片

看子框区域是否与UI输入文本框区域完全重合,并运行检测一下,如果可以输入文字即完成

T01_unity制作简单UI计算器 c#_第11张图片 可以加粗

T01_unity制作简单UI计算器 c#_第12张图片

 将UI输入文本重命名为 A

T01_unity制作简单UI计算器 c#_第13张图片

 选择A   ctrl + d 复制两个

T01_unity制作简单UI计算器 c#_第14张图片

修改A(1)的属性及重命名为char

T01_unity制作简单UI计算器 c#_第15张图片

 修改A(2)的属性及重命名为B

T01_unity制作简单UI计算器 c#_第16张图片

再在UI画布里创建一个UI文本,命名为 =

T01_unity制作简单UI计算器 c#_第17张图片

修改属性

T01_unity制作简单UI计算器 c#_第18张图片

 ctrl + d 复制 UI文本=

T01_unity制作简单UI计算器 c#_第19张图片

 重命名为结果

 修改位置

T01_unity制作简单UI计算器 c#_第20张图片

 再在UI画布里创建一个UI按钮

T01_unity制作简单UI计算器 c#_第21张图片

修改高度利用瞄点将位置移动至下端

T01_unity制作简单UI计算器 c#_第22张图片

 修改子文本属性

 T01_unity制作简单UI计算器 c#_第23张图片

之后在Asset里新建文件夹命名为script

T01_unity制作简单UI计算器 c#_第24张图片

 在script文件夹里创建c#脚本

T01_unity制作简单UI计算器 c#_第25张图片

命名为Calculater

T01_unity制作简单UI计算器 c#_第26张图片

 双击打开c#脚本,将以下代码复制

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

public class jCalculateri : MonoBehaviour
{
    public InputField inputFieldA;
    public InputField inputFieldB;
    public InputField inputFieldOperator;
    public Button calculateButton;
    public Text resultText;
    public string User;
    public string Password;
    // Start is called before the first frame update
    void Start()
    {
        resultText.text = "你好";
        inputFieldA.text = "50";
        inputFieldB.text = "5";
        inputFieldOperator.text = "*";
        //为按钮的点击事件添加处理函数
        calculateButton.onClick.AddListener(Calculate);

    }
    public void Calculate()
    {
        //print("按钮被点击!");
        if (User.Equals(inputFieldA.text))
        {
            if (Password.Equals(inputFieldB.text))
            {
                print("用户名和密码相同登陆成功");
            }
            else
            {
                print("密码错误");
            }
        }
        float a = float.Parse(inputFieldA.text);//读取A因子
        float b = float.Parse(inputFieldB.text);//读取B因子
        string op = inputFieldOperator.text;//读取运算符
        float result = 0;
        switch (op)

        {
            case "+":
                result = a + b;
                break;
            case "-":
                result = a - b;
                break;
            case "*":
                result = a * b;
                break;
            case "/":

                if (b != 0)
                    result = a / b;
                else
                    print("被户数不能为0");
                break;
        }
        resultText.text = result.ToString();
    }

}
T01_unity制作简单UI计算器 c#_第27张图片

ctrl + s保存

回到unity项目中,将c#脚本拖拽至主摄像机里

T01_unity制作简单UI计算器 c#_第28张图片  对c#脚本下方none处进行绑定,将左上角A,B,char,Button,result拖拽至c#脚本none中

T01_unity制作简单UI计算器 c#_第29张图片

 如果主摄灰了,打开即可

T01_unity制作简单UI计算器 c#_第30张图片

 运行程序即可完成

T01_unity制作简单UI计算器 c#_第31张图片

你可能感兴趣的:(ui,c#)