团结：将颜色梯度应用于UI图像

Question

我在Unity中使用颜色梯度

            Gradient gradient = new Gradient();
            GradientColorKey[] gck = new GradientColorKey[5];
            float rgb = 255;

            gck[0].color = new Color(65 / rgb, 105 / rgb, 255 / rgb); 
            gck[0].time = 0f;
            gck[1].color = new Color(135 / rgb, 206 / rgb, 250 / rgb);
            gck[1].time = .25f;
            gck[2].color = new Color(60 / rgb, 179 / rgb, 113 / rgb); 
            gck[2].time = 0.50F;
            gck[3].color = new Color(255 / rgb, 230 / rgb, 0);  
            gck[3].time = 0.75F;
            gck[4].color = new Color(180 / rgb, 0, 0); 
            gck[4].time = 1f;

            GradientAlphaKey[] alphaKey = new GradientAlphaKey[2];
            alphaKey[0].alpha = 1.0f;
            alphaKey[0].time = 0.0f;
            alphaKey[1].alpha = 0.0f;
            alphaKey[1].time = 1.0f;
            gradient.SetKeys(gck, alphaKey);

是一个示例，它们始终是尺寸5，但是在运行时用户可以更改颜色值。

现在，我想让我们这个梯度为UI映像着色，以便用户可以看到他创建的当前梯度。目前，使用5张图像，每张图像上有5种颜色之一： ，

但它应该是一个图像，看起来像这样：

有没有办法做到这一点？

谢谢！