隨着時間的推移統一褪色圖像alpha

我想逐漸改變我的UI圖像的alpha，而不是立即。到目前爲止，我對我的褪色圖像的Alpha代碼即刻如下隨着時間的推移統一褪色圖像alpha

public void Highlight() 
{ 
    foreach (Image image in imagesToHighlight) 
    { 
     Color c = image.color; 
     if(c.a < maxColor) 
     { 
      c.a = maxColor; 
     } 

     image.color = c; 
    } 

    foreach (Image image in imagesToFade) 
    { 
     Color c = image.color; 
     if(c.a > halfColor) 
     { 
      c.a = halfColor; 
     } 
     image.color = c; 

    } 

}

上面的代碼工作正常，但我掙扎修改我的代碼，這樣，而不是立即這樣做，但它確實是在緩慢一秒鐘或兩秒鐘。我嘗試將c.a = maxColor;更改爲c.a--，以查看圖像是否會持續淡出，但alpha會立即下降。

我在做什麼錯？

來源

2016-10-04 N0xus

使用Coroutine來實現這一點。事情是這樣的：

淡出：

private YieldInstruction fadeInstruction = new YieldInstruction(); 
IEnumerator FadeOut(Image image) 
{ 
    float elapsedTime = 0.0f; 
    Color c = image.color; 
    while (elapsedTime < fadeTime) 
    { 
     yield return fadeInstruction; 
     elapsedTime += Time.deltaTime ; 
     c.a = 1.0f - Mathf.Clamp01(elapsedTime/fadeTime); 
     image.color = c; 
    } 
}

你可以使用這樣的：

foreach (Image image in imagesToFade) 
    StartCoroutine(FadeOut(image));

淡入：

IEnumerator FadeIn(Image image) 
{ 
    float elapsedTime = 0.0f; 
    Color c = image.color; 
    while (elapsedTime < fadeTime) 
    { 
     yield return fadeInstruction; 
     elapsedTime += Time.deltaTime ; 
     c.a = Mathf.Clamp01(elapsedTime/fadeTime); 
     image.color = c; 
    } 
}

希望這有助於

來源

2016-10-04 09:57:50

感謝您的幫助，我並不想修改它，如果圖像褪色，它可以回到充滿色彩。我怎麼能這樣做？ – N0xus

更新了答案 –

您也可以使用像Dotween補間引擎，然後簡單地使用它像這樣：

image.DOFade(1, 0.5f)

Dotween有大量的exptention方法來幫助您，請參閱文檔。 http://dotween.demigiant.com/documentation.php

DOColor(Color to, float duration) DOFade(float to, float duration)

來源

2016-10-05 09:11:03 AminSojoudi

隨着時間的推移統一褪色圖像alpha

回答

相關問題