Unity的UI基础第1天之“UGUI”的简单介绍(零基础)

最新推荐文章于 2024-04-22 21:05:34 发布

空投在我怀里

最新推荐文章于 2024-04-22 21:05:34 发布

阅读量538

点赞数 1

分类专栏： Unity 文章标签： unity ugui ui

本文链接：https://blog.csdn.net/wrk2466836002/article/details/113799821

版权

Unity 专栏收录该内容

18 篇文章 5 订阅

订阅专栏

Materials存放材质文件夹
Prefabs存放预制文件夹
Fonts字体
Animation动画基
Textures图片、psd文件等
Scenes放场景的
Scripts放置脚本的

effect picture放模板文件

Source放PSD文件

Sprite放精灵图也就切图

创建完后有个EventSystem，这个是用来处理-事件的，如果没有这个，将没有默认的点击效果！

一、UGUI的画布？画布创建的2种方法？创建完后有个EventSystem，这个是用来处理-事件的，如果没有这个，将没有默认的点击效果！

二、Text文本的创建、字体的更换、粗细、大小、行间距、颜色、居中等如图

1.字体的使用步骤？
1_1.创建文件夹Fonts
1_2.把字体拖进文件夹
1_3.找到组件Text面版，把新字体拖拽到面板的Font上面
1_4.我们会发现字体不明显，我们需要取Canvas物体的组件面板中找到Canvas下的Pixel PeIfect画个对勾，让我们的像素跟屏幕的像素对应，这样会更清晰。
1_5.这个时候如果还是不太清晰，我们可以把字体调大些

三、图片的导入步骤？

1.创建Image游戏物体
2.创建游戏文件夹Textures,把资源库的图片导入到这个文件夹中
3.选择导入的图片，在Inspector面板中找到Texture Type选择Sprite(2D and UI),并选中右下角的Applay进行应用
4.把图片拖拽到Image组件中的Source Image中去也就是图片的路径
5.如果想保持图片的原尺寸大小，就需要点击Set Native Size

四、Buttont按钮的介绍和点击事件

1.调整大小、挂载了2个组件Image和Button（注意：当前的颜色如果按下去之后，当前颜色就会消失，显示的是鼠标经过的颜色）

2.按钮的点击事件实现步骤？

2_1.新建一个文件夹为Scripts,创建一个脚本，并在脚本中写入方法比如：public void Clickanniu(int a) { Debug.Log(a);}

2_2.随便创建了一个游戏物体，把脚本拖到这个游戏物体上面

2_3.选择Button按钮，找到Button组件，在面板中找到On click ，把之前那个游戏物体拖过去，并选择在脚本中自己写的方法，再添加一个参数，运行即可

五、自适应功能的了解

1.关于中心点，中心点的调整，按住shift是等比例放大、还可以旋转

2.为什么需要自适应？

3.怎么进行自适应？什么是锚点？

位置信息、宽高、相对于锚点的位置是不变的，比如：如果你想让一个图片自适应在最右上角，那么你只要把锚点变成最右上角就好了

六、做一个登录界面

1.UI设计

2.代码写入

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

public class Clickbtton : MonoBehaviour
{
    public InputField username;
    public InputField password;
    public Text tispText;

    public void Clickanniu(int a) {
        Debug.Log(a);
    }

    public void Loginclick() {
        string username = this.username.text;//这边的定义的string username其中的username是可以与全局或局部定义的变量一样的，但是用到全局或局部定义的变量需要用this表示
        string password = this.password.text;

        if (username == "admin" && password == "123")
        {
            Debug.Log("登录成功");
        }
        else {
            tispText.gameObject.SetActive(true);
            tispText.text = "您的用户名或密码错误，请重新登录";
            //StartCoroutine(DisapperMessage());//1秒后执行的一个协程方法
            Invoke("TimeFun",1);//1秒后执行
        }
    }

    void TimeFun()
    {
        tispText.gameObject.SetActive(false);
    }

    IEnumerator DisapperMessage() {
        yield return new WaitForSeconds(1);//WaitForSeconds设置一个1s的时间
        tispText.gameObject.SetActive(false);//
    }
}

七、做一个游戏的菜单界面-九宫格注意点

1.在给按钮做背景图片的时候，去拉伸图片的时候，会很模糊，这个时候就需要使用九宫格去框选，让框选的部分拉伸，从而让拉伸的图片不模糊。

2.九宫格筛选后，需要去Image组件面板去调整Image Type为Sliced

八、给按钮添加Animation动画效果的步骤？

1.在按钮组件Button下面选择Transition调整为Animation再点击下面的Auto Generate Animation进行应用
2.跳出窗口后，新建一个Animation的文件夹，并命名一个状态基
3.点击Window，选择Animation，弹出Animation窗口，
4.再点击按钮UI
5.在Animation窗口中点击红色的按钮，进行录制初始动画
6.这个时候你再去调整按钮的Scale属性，把X设1.2，Y设1.2，再按红色按钮进行结束，最后按X，关闭窗口
7.完成，一个简单的动画就好了。

补充：如果你想给多个按钮添加动画效果可以这么做！

1.选中组件面板下的Add Component，添加一个叫Animator的状态基组件，把我们之前做好的状态基拖拽到Controller上面，这样就可以了