Unity--UGUI

已于 2024-04-28 01:30:10 修改
阅读量2k 收藏 16
点赞数 61
分类专栏： Unity学习记录 文章标签： unity 游戏引擎 c# 游戏程序
于 2024-04-28 01:24:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76618920/article/details/138229305
版权

UGUI

Graphical User Interface,图形用户界面

1、OnGUI:OnGUI是Unityl中通过代码驱动的GUI系统。
2、NGUI:第三方插件包，是Unity一直以来最流行的UI插件。
3、UGUI:从Unity4.6开始后，Unity:找到NGUI的作者，用了一年开发了UGUI,
变成内置于Unity中的包，集成到了编辑器中。

OnGUI

  1. 主要用来创建调试工具、创建自定义属性面板、创建新的Editor窗口和工具达到扩展编辑器效果。
  2. OnGUI不建议使用在项目UI中。
    在这里插入图片描述
private void OnGUI()
{
    GUI.Box(new Rect(10f, 10f, 50f, 50f), "box");

    if (GUI.Button(new Rect(10f, 70f, 50f, 25f), "Button"))
    {
        Debug.Log("点击了Button");
    }
    
}

UGUI

Text

在这里插入图片描述

  1. Font:字体
  2. Font Style:字体类型(Normal:正常 Bold:加粗；Italic:斜体；Bold And Italic)
  3. Font Size:字体大小
  4. Line Spacing:行间距
  5. Rich Text: 可以结合多种字体类型和大小
 <i>Text</i> 
 <size=15>Text</size>
 <color=black>Text</color> 
 <color=#0500CD>Text</color>
  1. Alignment:对齐方式
  2. Align By Geometr:几何方向对齐
  3. Horizontal Oveflow:水平方向溢出方式(Wrap:自动换行；Overflow:溢出显示)
  4. Vertical Overflow:垂直方向溢出方式(TrunCate:截断不显示；Overflow:溢出显示)
  5. Best Fit:字体最佳适应大小
  6. Color:颜色与透明度
  7. 脚本上有Color、Color32的区别，Color类是Float类型的参数，大小为0-1,Color32是Int类型参数，大小为0~255
  8. Material:材质
  9. Raycast Target:射线投射目标，是否能够响应图形射线
  10. Raycast Padding 射线投射填充
  11. Maskable 可遮盖的

脚本修改组件

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

public class TextTest : MonoBehaviour
{
    public Font testFont;
    public Text thistext;
    // Start is called before the first frame update
    void Start()
    {

        TextInstance();


    }

    void TextInstance()
    {
        //获取当前游戏对象的Text组件
        thistext = this.GetComponent<Text>();
        //1、 赋值
        thistext.text = "你好，世界";
        //2、字体
        thistext.font = testFont; 
        // 1.Bold加粗 2. Italic斜体 3. BoldAndItalic 4. Normal
        thistext.fontStyle = FontStyle.Normal;
        //字体大小
        thistext.fontSize = 20;
        //行间距
        thistext.lineSpacing = 1;
        //3、富文本
        thistext.supportRichText = true;
        //4、对齐方式
        TextAnchor anchor = TextAnchor.MiddleCenter;
        thistext.alignment = anchor;
        //5、溢出方式
        thistext.horizontalOverflow = HorizontalWrapMode.Wrap;
        thistext.verticalOverflow = VerticalWrapMode.Truncate;
        thistext.resizeTextForBestFit = true;

    }
}

Image

在这里插入图片描述

  1. Source Image:源图像，Sprite图像资源
  2. Color:颜色与透明度
  3. Material:材质
  4. Raycast Target:射线投射目标；
  5. Raycast Padding 射线投射填充
  6. Maskable：可遮盖的
  7. Image Type:
    1. Simple默认，在拉伸区域内完全显示一张图片
      • Set Native Size:设置原始尺寸
    2. Sliced切片，九宫格应用，需要图片做过九宫格分割，四角在图片拉伸时不会拉伸变形(设置图片边框，当拉伸宽度时候，只有边框宽度会被拉伸，高度不会被拉伸，同理，高度被拉伸，宽度不会被拉伸，宽度的边框就不会变形)
    3. Tiled平铺，像铺地板一样填满整个控件
    4. Filled填充，技能冷却主要依靠这个属性
      • Fill Method:切割方式，水平、垂直，90、180、360度圆形
      • Fill Origin:切割起始位置
      • Fill Amount:切割的量，0~1
      • Clockwise:顺时针方向
      • Preserve Aspect:保持长宽比

用Filled实现技能冷却效果

实现点击技能进入冷却，冷却结束又可以可以使用技能
在这里插入图片描述

  1. 高亮的技能图片是Skill对象，阴影图片作为子对象Shadow，把控制技能冷却的脚本挂载到Shadow对象上
    在这里插入图片描述
  2. 在Skill对象上添加Button组件，实现当点击技能时候，触发事件进入技能冷却
    在这里插入图片描述
  3. 代码实现
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class ImageTest : MonoBehaviour
{
    private Image thisImage;
    public float coolDownTime = 5f;
    public float restTime = 5f;
    private bool isColding = false;
    // Start is called before the first frame update
    void Start()
    {
        //获取当前对象的Image组件
        thisImage = GetComponent<Image>();
        //开始无冷却，技能高亮状态，也就是阴影图片占比为0
        thisImage.fillAmount = 0;
    }

    // Update is called once per frame
    void Update()
    {
        if (isColding)
        {
            //Time.deltaTime是每一帧之间的时间间隔，Updata方法是每一帧调用一次
            restTime -= Time.deltaTime;
            //阴影图片的占比
            thisImage.fillAmount = restTime / coolDownTime;
        }
        
        //技能冷却为0，恢复初始状态
        if(restTime < 0)
        {
            //图片高亮
            thisImage.fillAmount = 0;
            //技能冷却参数复原
            restTime = coolDownTime;
            //点击标志复原
            isColding = false;
            
        }
    }

    public void OnSkillClick()
    {
        //点击事件触发
        isColding = true;
    }
}

Rawlmage

在这里插入图片描述

  1. Texture：纹理；区别于Sprite
  2. UV Rect：UV矩阵，改变UV坐标，可实现一张图片切分，如果这一组图相互切换变成一个动画，例如动物跑动，就能实现动图的效果。
  3. RawImage核心代码比Image少很多，Raw Image不支持交互，可用于显示任何图片而不仅仅是Sprite，一般用在背景、图标上,支持UV Rect(用来设置只显示图片的某一部分)，而Image不支持UV Rect。
  4. 扩展：Outline/描边组件Shadow阴影组件
  5. 使用RawImage加Texture实现分镜显示
    在这里插入图片描述
  6. X和Y代表图片和RawImage的中心点的偏移量
  7. W是在水平方向上，RawImage的宽度和图片的宽度的比值，比如W等于1就是图片填满RawImage,如果W是2，图片宽度就会被缩小一半，如果是0.5，图片宽度会被拉大一倍
    在这里插入图片描述

在这里插入图片描述

  1. 同理，H就是高度上的比值
    在这里插入图片描述

可以修改每帧的间隔时间
在这里插入图片描述

实现渐入动画效果

在这里插入图片描述

  1. W设置为0.1，只显示1/10，也就是显示一个数字，通过改变X的偏移值，实现数字改变的效果
    在这里插入图片描述
  2. 代码实现
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class RawImageTest : MonoBehaviour
{
    public RawImage thisRawImage;
    public float speed = 1f;

    public float intervalTime = 1f;
    public float timer = 0f;

    // Start is called before the first frame update
    void Start()
    {

        thisRawImage = this.gameObject.GetComponent<RawImage>();
        //1、渐入动画效果
        //thisRawImage.uvRect = new Rect(new Vector2(-1,0),new Vector2(1,1));

        //2、动画切换效果
        //初始化，W值设置为0.1，比值为1：10，就是图片被拉长10倍，刚好只能显示一个数字
        thisRawImage.uvRect = new Rect(new Vector2(0, 0), new Vector2(0.1f, 1));
    }

    // Update is called once per frame
    void Update()
    {
        //1、渐入动画效果
        //if(thisRawImage.uvRect.x <0)
        //{
        //    //每帧X值增加Time.deltaTime,每帧左偏移
        //    thisRawImage.uvRect = new Rect(new Vector2(thisRawImage.uvRect.x + speed * Time.deltaTime, 0), new Vector2(1, 1));
        //}
        //else
        //{
        //    //复原
        //    thisRawImage.uvRect = new Rect(new Vector2(0,0), new Vector2(1,1));
        //}


        //2、动画切换效果

        timer += Time.deltaTime;
        if (timer>=intervalTime)
        {
            //到了数字9复原
            if(thisRawImage.uvRect.x > 0.9f)
            {
                thisRawImage.uvRect = new Rect(new Vector2(-0.1f, 0), new Vector2(thisRawImage.uvRect.width, 1));
            }
            thisRawImage.uvRect = new Rect(new Vector2(thisRawImage.uvRect.x + 0.1f, 0), new Vector2(thisRawImage.uvRect.width,1));
            timer = 0f;

        }
    }
}

RawImage实现小屏幕效果

  1. 新建一个相机，作为分镜，创建Sprite子对象，在子对象上创建动画
    在这里插入图片描述

  2. 子对象创建动画，添加关键帧，改变y的值实现上下移动动画效果

在这里插入图片描述

  1. 创建一个渲染器纹理Render Texture，关联分镜的相机，可以渲染相机捕捉到的动画
    在这里插入图片描述

  2. 把渲染纹理器赋值给RawImage

在这里插入图片描述
实现分镜图片上下移动动画效果
在这里插入图片描述

Outline描边组件

在这里插入图片描述

Shadow阴影效果

在这里插入图片描述

Button

在这里插入图片描述

  1. Interactable:是否可交互

  2. Transition: 确定控件以可视方式响应用户操作的方式的属性

  3. Navigation: 在EventSystem中，存在一个当前被选中按钮，我们可以通过按下上下左右，使被选中按钮进行更改。

  4. Visualize：显示控件之间的导航

  5. 图片交互方式
    在这里插入图片描述

  6. 动画交互方式
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    点击Button对象，打开Animation
    在这里插入图片描述
    添加关键帧，改变按钮大小动画效果
    在这里插入图片描述
    光标到Button时，就会播放放大缩小的动画

  7. Navigation导航，点击按钮之后，可以通过键盘方法键导航到另外一个按钮
    在这里插入图片描述
    水平方向Horizontal导航
    在这里插入图片描述
    点击左边的按钮，然后通过键盘方向键就可以导航到右边按钮
    在这里插入图片描述
    Explicit通过赋值去指定键盘方向键导航到哪个对象
    在这里插入图片描述
    点击事件OnClick，可视化绑定脚本方法
    在这里插入图片描述
    通过脚本代码绑定方法

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

public class ButtonTest : MonoBehaviour,ISelectHandler
{

    void Start()
    {
        //通过脚本绑定方法
        this.gameObject.GetComponent<Button>().onClick.AddListener(ClickButton);
        //绑定带有参数的方法
        string str = "button have parameter";
        //内置是Action委托需要返回值为void
        this.gameObject.GetComponent<Button>().onClick.AddListener (() =>ClickButton(str));
    }
    



    public void ClickButton()
    {
        Debug.Log("button test");
    }

    public void ClickButton(string str)
    {
        Debug.Log(str);
    }

    public void OnSelect(BaseEventData eventData)
    {
        Debug.Log("Button被选中");
    }

}

Toggle

在这里插入图片描述

  1. Is On：默认是否选中
  2. Toggle Transition：切换是是否有过渡效果，Fade表示有，None表示没有
  3. Graphic：设置开关要起作用的图形对象，不一定非要是默认的对号
  4. Group：设置分组。把多个Toggle放在同一个物体下，在这个物体上添加Toggle Group，并给Toggle赋值，就可以实现单选。
  5. On Value Change：当Toggle值改变时所调用的函数。

实现单选

在这里插入图片描述

在这里插入图片描述

挂载脚本

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

public class ToggleTest : MonoBehaviour {

	// Use this for initialization
	void Start () {

		this.gameObject.GetComponent<Toggle>().onValueChanged.AddListener((bool changeValue)=> OnToggleValueChanged02(changeValue));
	}
	
	// Update is called once per frame
	void Update () {
		
	}
	public void OnToogleValueChanged()
    {
		Debug.Log("Toggle Value Change");
    }
	public void OnToggleValueChanged02(bool isOn)
    {
		Debug.Log(isOn);
    }
}

Slider

在这里插入图片描述

  1. Fill Rect：填充矩形，滑块与最小值方向所构成的填充区域所要使用的填充矩形，如果滑动条的作用只是用于改变指定值，那么此选项建议置空，这个相比于Scrollbar所多出来的属性主要用于标识从最小值变化到当前值所经过的变化区域。
  2. Handle Rect：操作条矩形，当前值处于最小值与最大值之间比例的显示范围，也就是整个滑条的最大可控制范围。
  3. Direction：方向，滑动条的方向，从左至右，从上至下还是其他的。Left To Right；Right To Left；Bottom To Top；Top To Bottom
  4. Min Value：滑动条的可变化最小值。
  5. Max Value：滑动条的可变化最大值。
  6. Whole Numbers: 变化值为整型，勾选此项，拖动滑动条将按整型数（最小为1）进行改变指定值。
  7. Value：当前滑动条对应的值。

音量控制

在这里插入图片描述

  1. 用脚本把滑动条滑动的值和Audio Source控制音量的Volume关联起来，实现同步
  2. 脚本代码
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class SliderTest : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

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

    public void SliderValueChanged()
    {
        float value = this.gameObject.GetComponent<Slider>().value;
        Debug.Log(value);
        //实现同步
        this.gameObject.GetComponent<AudioSource>().volume = value;

    }
}

血条控制

在这里插入图片描述

  1. 设置背景图片，根据图片的分辨率设置父对象Slider的大小
    在这里插入图片描述
  2. 设置锚框
    在这里插入图片描述
  3. 设置Fill
    在这里插入图片描述
  4. 把Fill Area和Fill的锚都设置为框
    在这里插入图片描述
    在这里插入图片描述
    最后，缩放血条到合适大小

Dropdown

在这里插入图片描述

  1. Options下拉选项，选择之后，Label的Text组件文本内容被赋值
    在这里插入图片描述
  2. 给选项添加图片Image，先在Item上添加图片Image
    在这里插入图片描述
  3. 绑定显示Item Image图片，表示下拉框每一个选项显示的图片去那里找
    在这里插入图片描述
  4. 给每一个选项赋值，下拉框的每一个选项都对应有一个图片
    在这里插入图片描述
    在这里插入图片描述
  5. 选择后，显示在第一个框框里，就需要设置绑定的图片
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

Dropdown脚本使用

  1. 创建并挂载脚本，拖拽到触发事件中
    在这里插入图片描述
  2. 脚本代码
using System.Collections;
using System.Collections.Generic;
using System.Runtime.InteropServices;
using TMPro;
using UnityEngine;
using UnityEngine.UI;

public class TestDrop : MonoBehaviour
{

    public Sprite[] optionImages;
    void Start()
    {

        //事件绑定
        
        this.gameObject.GetComponent<Dropdown>().onValueChanged.AddListener((int index) => DropdownItemChanged(index));
        CreateDropdownOptions();

    }

    

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

    //用代码初始化
    public void CreateDropdownOptions()
    {
        var thisDropdown = this.gameObject.GetComponent<Dropdown>();
        //清除
        thisDropdown.options.Clear();

        Dropdown.OptionData op1 = new Dropdown.OptionData();
        op1.text = "水瓶座";
        op1.image = optionImages[0];
        thisDropdown.options.Add(op1);

        Dropdown.OptionData op2 = new Dropdown.OptionData();
        op2.text = "双鱼座";
        op2.image = optionImages[1];
        thisDropdown.options.Add(op2);

        Dropdown.OptionData op3 = new Dropdown.OptionData();
        op3.text = "白羊座";
        op3.image = optionImages[2];
        thisDropdown.options.Add(op3);

        Dropdown.OptionData op4 = new Dropdown.OptionData();
        op4.text = "金牛座";
        op4.image = optionImages[3];
        thisDropdown.options.Add(op4);

    }
    public void dropdownItemChanaged()
    {
                      
        int index = this.gameObject.GetComponent<Dropdown>().value;
        Debug.Log(index);
    }
    public void DropdownItemChanged(int index)
    {
       var text = this.gameObject.GetComponent<Dropdown>().options[index].text;
        Debug.Log(text);
             
    }
}
  1. 赋值
    在这里插入图片描述

OnSelect事件

  1. 判断选择的是什么对象
    在这里插入图片描述
  2. 代码实现接口ISelectHandler的OnSelect方法，需要导入UnityEngine.EventSystems;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;

public class ButtonTest : MonoBehaviour,ISelectHandler
{
    public void OnSelect(BaseEventData eventData)
    {
        Debug.Log("Button被选中");
    }

    
}

InputField

在这里插入图片描述

  1. 当输入框值改变时候，触发值改变事件，然后再点击输入框以外的东西，触发事件On End Edit
    在这里插入图片描述
  2. 代码
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class InputFieldTest : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

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

    public void ValueChangedTest()
    {
        var value = this.gameObject.GetComponent<InputField>().text;
        Debug.Log("我是ValueChangedTest方法："+value);

        //获取输入的是哪一个键
        foreach(KeyCode item in System.Enum.GetValues(typeof(KeyCode)))
        {
            if (Input.GetKeyDown(item))
            {
                //打印出点击的键值
                Debug.Log(item.ToString());
            }
        }
        
    }

    public void EndEditTest()
    {
        var value = this.gameObject.GetComponent<InputField>().text;
        Debug.Log("我是EndEditTest方法："+value);
    }
}
  1. 循环判断输入的键值
    在这里插入图片描述

RectTransform

在这里插入图片描述

  1. UGUI对象所特有的组件，区别于Transform

  2. Pivot:轴点，UI对象旋转的中心点

  3. Anchors:锚，UI对象所特有的，由四个位于UI对象父物体矩形边框范围内的四个点组成(UGUI对象都是矩形边框)，用来锚定UI对象。
    (Min_x,Min_y) (Min_x,Max y) (Max_x,Min_y);(Max_x,Max_y);

    • 有三种形态：锚点，锚线，锚框
    • 无论父物体的位置尺寸大小改变，UI子物体的Rect Transform四个参数的的值不变。不同情况，Rect Transform四个参数有不同的含义。
      在这里插入图片描述

  4. 锚点：四个点重合的情况。无论如何改变父物体的尺寸，UI子物体RectTransform四个参数的的值不变，其含义分别为：

    • PosX:锚点到UI子物体左边框的垂直距离
    • PosY:锚点到UI子物体下边框的垂直距离
    • Width:UI子物体的宽度
    • Height:UI子物体的高度
      在这里插入图片描述

也就表示UI子物体的尺寸大小不变，并且锚点与UI子物体左下角的点的方向距
离不变：进而推断出轴点与锚点的方向距离也保持不变：
在这里插入图片描述

  1. 锚线：两个点重合的情况。改变父物体的尺寸，UI子物体Rect Transform四个参数的
    值不变，其含义分别为：
    • PosX:锚线与UI子物体左边框的垂直距离
    • Top:：锚线上方端点与UI子物体上边框的垂直距离
    • Width:UI子物体的宽度
    • Bottom:锚线下方端点与UI子物体下边框的垂直距离
  2. 垂直方向的锚线

在这里插入图片描述
也就表示锚线到UI子物体轴点的垂直距离保持不变，但是UI子物体的高度会随着父物
体的高度变化而变化

  1. 水平方向的锚线
    在这里插入图片描述
    UI子物体的宽度会随着父物体的宽度变化而变化

  2. 锚框：四个点分开的情况。改变父物体的尺寸，UI子物体Rect Transform四个参
    数的值不变，其含义分别为：

    • Left:左方锚线与UI子物体左边框的垂直距离
    • Top:上方锚线与UI子物体上边框的垂直距离
    • Right:右方锚线与UI子物体右边框的垂直距离
    • Bottom:下方锚线与UI子物体下边框的垂直距离
      父对象长宽改变时候，并不会改变这四个参数的值，所以图片就会被等比例缩放
      也就表示UI子物体的尺寸大小包括高度宽度都会随着父物体的尺寸改变而改变
      在这里插入图片描述

注意：UI父物体与UI子物体的尺寸大小变化会受两者Scale大小比例影响
在这里插入图片描述

Raycast Target

在这里插入图片描述

实现鼠标点击返回当前位置所有UI

在这里插入图片描述
代码

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

public class RaycastTest : MonoBehaviour
{
    public EventSystem eventSystemTest;
    public GraphicRaycaster rayTest;
    public List<GameObject> raycastTargetGameobjects;

    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        if(Input.GetMouseButtonDown(0))
        {
            raycastTargetGameobjects = getGameObjectByRaycast(Input.mousePosition);
        }
    }

    public List<GameObject> getGameObjectByRaycast(Vector2 inputPosition)
    {

        List<GameObject> resultList = new List<GameObject>();

        PointerEventData ped = new PointerEventData(eventSystemTest);

        ped.position = inputPosition;
        List<RaycastResult> RaycastResultList = new List<RaycastResult>();
        rayTest.Raycast(ped, RaycastResultList);

        if(RaycastResultList.Count > 0 )
        {
            foreach(var item in RaycastResultList)
            {
                resultList.Add(item.gameObject);
            }
        }

        return resultList;
    }
}

Canvas–画布

  1. 画布，创建UI物体时，会自动创建，并且，所有UI物体都是Canvas的子物体。和Canvas一同创建的还有一个EventSystem，其是一个基于Input的事件系统，可以对键盘、触摸、鼠标、自定义输入进行监听处理。

  2. 绘制元素顺序
    画布中的UI元素是以它们在层次结构中出现的顺序绘制的。首先绘制第一个孩子，然后
    绘制第二个孩子，依此类推。如果两个UI元素重叠，则后一个元素将出现在前一个元素
    的顶部。

  3. 要更改哪个元素显示在其他元素的顶部，只需拖动层次结构中的元素即可。
    在这里插入图片描述

Screen Space Overlay

  1. 屏幕空间-叠加，表示Canvas下的所有的UI控件永远位于屏幕的前面，不管有没有相机，UI元素永远在屏幕最前面，主要是2D效果。在这种模式下，在不同的屏幕分辨率下画布会自动适配屏幕的分辨率大小。
  2. Pixel Perfect:完美像素，UI元素精确到像素对齐，边缘更清晰
  3. Sort Order:排列顺序，多个Canvas存在的时候，数值越大，越优先显示

Screen Space -Camera

  1. 屏幕空间-相机模式，Canvas和摄像机之间有一定的距离，可以在摄像机和Canvas之间播放一些粒子特效，主要是3D效果。
  2. Pixel Perfect:完美像素，UI元素精确到像素对齐，边缘更清晰
  3. Render Camera:指定一个相机，用于渲染Canvas
  4. Plane Distance:Canvas平面与摄像机的距离
  5. Sorting Layer:Canvas显示层级，存在多个Canvas时，层级越大，显示优先级越高
  6. Order in Layer:层级顺序，同Sorting Layeri下，Order越大显示优先级越高

World Space

  1. 世界空间，Canva5就和普通的3D物体一样了，可以控制它的大小，旋转，缩放等，一般用来做血条。
  2. Event Camera:用于响应事件的相机
  3. Sorting Layer:Canvas显示层级，存在多个Canvas时，层级越大，显示优先级越高
  4. Order in Layer:层级顺序，同Sorting Layer下，Orderi越大，显示优先级越高
    在这里插入图片描述
  5. Constant Pixel Size:无论屏幕大小如何，都便Ul元素保特相同的像素大小
  6. Scale Factor:以此比例缩放Canvas中的所有UI元素。
  7. Scale With Screen Size:根据不同屏幕尺寸自动改变UI大小
  8. Constant Physical Size:恒定物理尺寸
  9. World Space:世界空间设置
    在这里插入图片描述
  10. 只有UI的元素才继承了Graphic基类，才能响应图形射线。
  11. Ignore Reversed Graphic:图片翻转后点击无效
  12. Blocking Objects:可以阻止射线的Object类型
  13. Blocking Mask:可以阻止射线的Mask类型
小白要加油哈
关注
  • 61
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity--Ugui播放mp4视频
学海无涯
09-24 1164
1.添加Raw Image组件 2.添加Vedio Player组件 3.脚本： private VideoPlayer videoPlayer; private RawImage rawImage; void Start() { videoPlayer = this.GetComponent<VideoPlayer>(); rawImage = this.GetComponent<RawImage>(); ......
Unity-UGUI-曲线绘制
qq_17433125的博客
11-04 1527
在Unity中绘制UGUI曲线图 在Unity Graph绘制
Unity-UGUI布局管理
T_h_e_shy____的博客
03-08 143
会对子物体自动网格式排列，可用于做游戏背包。分为水平布局，垂直布局，网格布局。Spacing：水平间距和垂直间距。设置好这两个值就完成背包ui搭建。Padding：偏移量。
Unity-UGUI系统
m0_61939767的博客
03-21 2070
CanvasScreen Space - Overlay:屏幕空间，覆盖模式，UI始终在前Screen Space -Camera:屏幕空间，摄像机模式，3D物体可以显示在UI之前World Space:世界空间，3D模式。
Unity--UGUI创建基本的UI
爱编程的鱼的博客
11-10 1529
填充：已与简单相同的方式显示sprite，不同之处在于他从原点按定义的方向，方法和数 量填充的sprite。有多种UI元素可用于创建自己的用户界面，尝试使用文本和图像创建基本的UI布局。2.1.在Hierarchy面板中 右键 -> UI ->Canvas;3.2 在Inspector中，将纹理类型更改为精灵（2D和UI）2.2.在Hierarchy面板中右键 -> UI ->Text。平铺：平铺不是拉伸，对于没有边界的精灵，将整个精灵平铺。3.1 在项目中选择2D -> Texture。
unity-ugui-XCharts-master.zip
12-10
《Unity3D UGUI XCharts：打造高效直观的可视化数据展示》 Unity3D作为一款强大的游戏开发引擎，不仅在游戏领域广泛应用，还在虚拟现实、增强现实以及数据可视化等多个领域大展拳脚。UGUI（Unity Graphical User ...
unity-UGUI源码分享
08-23
Unity的UGUI（Unity Graphical User Interface）是Unity引擎中内置的UI系统，自Unity 4.6版本引入，为游戏开发者提供了强大的2D和3D界面设计工具。UGUI的源码分析对于深入理解其工作原理、优化性能以及自定义组件...
【游戏引擎之路】登神长阶（七）——x86汇编学习：凡做难事，必有所得
黄金之海
07-11 1316
游戏引擎开发日记，汇编语言学习。汇编比自已想象中要强大很多。
C#面 :dot net core工程里面有哪些常见的工程文件？
那个那个鱼的博客
07-15 357
appsettings.json文件：这是一个JSON格式的配置文件，用于存储应用程序的配置信息，如数据库连接字符串、日志配置等。.csproj文件：这是C#项目的主要工程文件，用于定义项目的结构、引用的依赖项以及编译选项等。wwwroot文件夹：这是存放静态资源文件（如HTML、CSS、JavaScript文件）的目录。在这个文件中，可以进行一些初始化操作，如创建WebHostBuilder、配置日志等。Startup.cs文件：这是应用程序的启动配置文件，用于配置应用程序的服务和中间件。
c#中匿名方法的定义和使用
weixin_64532720的博客
07-16 173
在Action里面传入参数变量 action是不需要返回值的。在Func里面也要传入参数变量 但是最后一个是返回值类型。t2("你好",250);
c++ primer plus 第16章string 类和标准模板库,string 类输入
zhyjhacker的博客
07-14 1093
c++ primer plus 第16章string 类和标准模板库,string 类输入。
C#知识|SqlParameterCollection 只接受非空的 SqlParameter 类型对象，不接受 SqlParameter[] 对象
做有价值的事，积累有价值的笔记！
07-15 283
哈喽，你好啊，我是雷工！今天在练习C#时遇到报错：SqlParameterCollection 只接受非空的 SqlParameter 类型对象，不接受 SqlParameter[] 对象。
如何在 C# 中实现高效的内存管理，避免内存泄漏和提高性能？
xy520521的博客
07-15 360
在C#中实现高效的内存管理和提高性能需要综合考虑多个方面，包括使用对象池、及时释放资源、合理使用垃圾回收器、避免频繁的内存分配、使用合适的数据结构和算法等。可以使用对象池、复用对象或者使用值类型来减少内存分配的次数。使用垃圾回收器：C#中的垃圾回收器会自动管理内存的分配和释放，但是它是非确定性的，不可预测的。使用合适的数据结构和算法：使用合适的数据结构和算法可以减少内存的使用和提高性能。使用对象池：对象池是一种重复使用对象的技术，可以减少内存分配和释放的开销。，避免不必要的装箱和拆箱操作等。
C#+GDAL影像处理笔记09：创建多边形、多部件图形、合并相邻的多边形
m1m2m3mmm的博客
07-15 57
使用GDAL创建多边形、多部件要素、相邻面合并、以及shape文件创建的完整过程
C#知识|账号管理系统-账号信息管理界面[1]：账号分类选择框、Panel面板设置
最新发布
做有价值的事，积累有价值的笔记！
07-18 76
3.1、账号分类与账号添加账号界面的账号类型是一模一样的写法，所以完全可以将FrmAddAccount.cs中动态填充账号分类部分直接复制过来即可。设置账号分类选择框的DropDownStyle属性值为：DropDownList,设置下拉框为只能选择，无法输入;界面下方的Panel控件不需要时刻显示，当点击修改账号时才显示，所以需将加载状态设置成隐藏。接下来继续学习账号信息管理界面的功能编写，本节主要记录账号分类选择框和Panel的设置，以上为账号信息管理界面主要功能的前期准备，一些细节属性的设置，
C# 多态性
07-14 304
多态性是面向对象编程（OOP）的一个核心概念，它允许不同类的对象对同一消息做出响应，并产生不同的结果。在C#中，多态性主要通过继承、接口和虚方法来实现。本文将深入探讨C#中的多态性，包括其原理、实现方式以及在实际编程中的应用。
C#调用非托管dll，并从dll中再调用C#中的方法
贪嘴的博客
07-17 331
有时候c#调用一些delphi语言编写的老的dll，但是对delphi本身使用并不熟悉，然后导出一个名为MyFunction1的函数，参数是C#函数的指针位置，就想能不能再从delphi调用回c#的方法，这样处理起来页比较方便，c#调用delphi MyFunction1 函数，并把指针传递过去。一开始使用socket方法实现的，感觉使用很不方便，遂研究了下，或者一些老版本的delphi实现某些功能时有些困难，最终实现被调用的dll，调用宿主的函数。把 c#函数指针转换为函数类型。
C#的class类
君子慎独，不欺暗室。卑以自牧，含章可贞。
07-17 626
以关键字class开始，后跟类的名称、类的主体。​ ……​​访问限制符指定了对类及其成员的访问规则。如果没有指定，则使用默认的访问标识符。类的默认访问标识符是 internal，成员的默认访问标识符是 private。数据类型 指定了变量的类型，返回类型 指定了返回的方法返回的数据类型。点运算符链接了对象的名称和成员的名称。
【C#】部分国家/语言，string字符串转decimal、float时，小数点解析异常、小数点丢失、小数点被忽略
萧然
07-15 156
中文字符串"12.34"，转成印尼小数时，因为小数点表示方式的区别，结果是1234；印尼小数"12,34"转成中文小数，也是1234。部分相关函数decimal.Parse、decimal.TryParse、float.Parse、float.TryParse ···部分国家地区，字符串转小数后，小数点丢失，比如：输入"12.34"，输出1234，而非12.34。方法1. 解析小数数值前替字符：string.Replace(',','.')看手机系统默认语言，中英文正常解析，印尼语则会出错，
unity-ugui制作表格
10-27
Unity-UGUI是Unity游戏引擎中的一个UI系统，可以用来创建和管理用户界面。它提供了丰富的功能和工具，使得开发者能够轻松地制作各种表格。 使用Unity-UGUI制作表格的步骤如下： 1. 创建Canvas对象：在Unity中，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值