Unity—UGUI

每日一句：读数、学习 去更远的地方，才能摆脱那些你不屑一顾的圈子

目录

InputFiled输入框

例：用户名和密码

Toggle组件

案例：冷却效果

---

InputFiled输入框

 

Text Component 输入文本组件

Text输入内容

Character Limit 输入字符限制，0不限制

Content Type输入文本内容类型

{Standard 允许所有输入

Autocorrected

Integer Number十进制

Alphanumeric字母A-Z,a-z,0-9

Name 强制每个单词首字母大写

Email Address

Password所有输入将其显示为星号

Pin允许整数将其显示为星号

}

Placeholder提示本文组件

Caret Blink Rate光标闪烁频率

Caret Width光标宽度

Custom Caret Color是否自定义光标颜色

Selection Color选中文本的颜色

例：用户名和密码

 

public class Loading : MonoBehaviour
 
{
 
    public InputField username;
 
    public InputField passward;
 
    public GameObject tip;
 
    public GameObject message;
 
    public void LoadNext()
 
    {
 
        string user = username.text;
 
        string pass = passward.text;
 
        if(user=="gloriously"&&pass=="20030126")
 
        {
 
            SceneManager.LoadScene(1);
 
            message.SetActive(true);
 
        }
 
        else
 
        {
 
            tip.SetActive(true);
 
            //若输入错误提示信息，两分钟后消失
 
            StartCoroutine(Hidetip());
 
        }
 
    }
 
    IEnumerator Hidetip()
 
    {
 
        yield return new WaitForSeconds(2);
 
        tip.SetActive(false);
 
    }
 
    
 
}

Toggle组件

切换按钮

把两个Toggle放在一个空物体里，在空物体上加Toggle Group组件

 

 

Slider——Image Type

{Simple 会等比例被拉伸

slider 边框不会被拉伸（先将图片变为九宫格切片，有边框才会受影响）

Tiled平铺

Filled填充[主要是形式]}

Outline组件 ——边框

Shadow组件——给字体添加阴影

案例：冷却效果

 

public class Skill : MonoBehaviour
 
{
 
    float coldTime = 2;//冷却时间
 
    private float timer = 0;
 
    private bool isCold = false;
 
    private Image coldMask;
 
    // Start is called before the first frame update
 
    //两张图片形成父子物体，子物体：攻击冷却图片，父物体挂载button
 
    void Start()
 
    {
 
        coldMask = transform.Find("ColdMask").GetComponent();
 
    }
 
 
 
    // Update is called once per frame
 
    void Update()
 
    {
 
        if(isCold)
 
        {
 
            timer += Time.deltaTime;
 
            coldMask.fillAmount = (coldTime - timer) / coldTime;
 
        }
 
        if(timer>coldTime)
 
        {
 
            isCold = false;
 
            coldMask.fillAmount = 0;
 
            timer = 0;
 
        }
 
    }
 
    public void OnSkillClick()
 
    {
 
        if(isCold==false)//点击按钮开始攻击，开始缓解冷却，
 
        {
 
            isCold = true;
 
            timer = 0;
 
            coldMask.fillAmount = 1;//完全冷却
 
        }
 
    }
 
}

Mask遮罩  需要框的Image有颜色，想要不显示背景，show Mask Graphic不勾

控制滑动列表到最近的页面，当拖拽结束那一刻，检测位置离那个页面近

 

private ScrollRect scroll;

    private float[] pagePosition = new float[4] { 0, 0.33f, 0.66f, 1 };

    void Start()

    {

        scroll = GetComponent();       

    }

    private float targetPosition = 0;

    private bool isMove = false;

    public Toggle[] toggleArray;

    public void EndDragDemo()

    {

        float currentPosition = scroll.horizontalNormalizedPosition;

        int index = 0;

        float offset = currentPosition - pagePosition[0];

        for (int i = 1; i < 4; i++)

        {

            if (Mathf.Abs(currentPosition - pagePosition[i]) < offset)

            {

                index = i;

                offset = Mathf.Abs(currentPosition - pagePosition[i]);

            }

        }

        Debug.Log("aaa");

        targetPosition = pagePosition[index];

        isMove = true;

        toggleArray[index].isOn = true;

        //scroll.horizontalNormalizedPosition = pagePosition[index];

    }

    void Update()

    {

        if (isMove)

        {

            scroll.horizontalNormalizedPosition = Mathf.Lerp(scroll.horizontalNormalizedPosition, targetPosition, Time.deltaTime * 6);

            if (Mathf.Abs(scroll.horizontalNormalizedPosition - targetPosition) < 0.001f)

            {

                isMove = false;

                scroll.horizontalNormalizedPosition = targetPosition;

            }

        }

    }

    public void MoveTopage1(bool isOn)

    {

        if (isOn)

        {

            isMove = true;

            targetPosition = pagePosition[0];

        }

    }

    public void MoveTopage2(bool isOn)

    {

        if (isOn)

        {

            isMove = true;

            targetPosition = pagePosition[1];

        }

    }

    public void MoveTopage3(bool isOn)

    {

        if (isOn)

        {

            isMove = true;

            targetPosition = pagePosition[2];

        }

    }

    public void MoveTopage4(bool isOn)

    {

        if (isOn)

        {

            isMove = true;

            targetPosition = pagePosition[3];

        }

}

通过页面按钮控制滚动列表跳转