Unity学习记录3——切换游戏界面时优化效果_unity ui界面切换

        在制作这个游戏的时候，总感觉页面切换过于生硬，所以想到了这个方法。当页面切换时，使黑色图片的透明度降低。下面是效果演示：

 思路是利用DOTween插件，控制图片透明度变化的时间，代码如下

 //ui界面
    public GameObject ui;
 //两个遮挡
    public Image[] mask;
 //游戏内容
    public GameObject[] ui01;
//遮挡打开与关闭
    public void on()
    {
        //如果ui开启 那么2秒过后
        //ui01里面的mask关闭 ui00里面的mask开启
        if (ui.activeSelf)
        {
            mask[1].enabled = false;
            mask[0].enabled = true;
        }
        //如果ui关闭 那么2秒过后
        //ui01里面的mask开启 ui00里面的mask关闭开启
        else
        {
            mask[1].enabled = true;
            mask[0].enabled = false;
        }
    }
 //故事背景
    public void Background()
    {
        ui.SetActive(true);
        ui01[1].SetActive(true);
        //ui01里面的mask2秒透明 
        mask[1].DOFade(0, 2);
        //ui00里面的mask恢复黑色
        mask[0].color = new Color(0, 0, 0, 1);
        //关闭遮罩
        Invoke("on", 2);
    }
 //返回游戏
    public void back()
    {        
       //关闭背景故事
        ui.SetActive(false);
       //开启首页的遮罩，恢复选择游戏的遮罩
        Invoke("on", 2);
        mask[0].DOFade(0, 2);
        mask[1].color = new Color(0, 0, 0, 1);     
    }