TextView 添加渐变和阴影

Question

我有一个问题。我想要一个带有渐变颜色的文本视图。背后还有一个黑色的影子。问题是阴影使用渐变的颜色而不是使用调用的颜色（Color.BLACK）

我的代码是： numberTextView = (TextView)findViewById(R.id.something);

    Shader textShaderTop = new LinearGradient(0, 30, 0, 60,
                new int[]{Color.parseColor("#A6A6A6"), Color.parseColor("#E8E8E8"), Color.parseColor("#A6A6A6")},
                new float[]{0, 0.5f, 1}, TileMode.CLAMP);
    numberTextView.getPaint().setShader(textShaderTop);

    numberTextView.setShadowLayer(
              0.1f,   //float radius
              20f,  //float dx
              20f,  //float dy 
              Color.BLACK //this is not black on the screen, but it uses the gradient color!?
              );

有人知道该怎么做吗

Answer 1

我有完全相同的问题。
我设法通过扩展 TextView 并重写 onDraw 方法来修复它。
它看起来是这样的

@Override
protected void onDraw(Canvas canvas) {
    // draw the shadow
    getPaint().setShadowLayer(1, 1, 1, 0xbf000000); // or whatever shadow you use
    getPaint().setShader(null);
    super.onDraw(canvas);

    // draw the gradient filled text
    getPaint().clearShadowLayer();
    getPaint().setShader(new LinearGradient(0, getHeight(), 0, 0, 0xffacacac, 0xffffffff, TileMode.CLAMP)); // or whatever gradient/shader you use
    super.onDraw(canvas);
}

但是，如果您想在渐变中使用具有透明度的颜色，则此方法可能不起作用。

Answer 2

谢谢西登的回答。它帮助了我。

我添加这个答案是因为我找到了一种在渐变中使用具有透明度的颜色的方法。
所以，请先参考 sidon 的回答并为他的回答投票。

我在此处的“setShadowLayer”方法描述中找到了下面的内容。

如果阴影颜色不透明，则阴影的 Alpha 值将是绘画的 Alpha 值，如果不是，则阴影颜色的 Alpha 值。

因此，要点是 ShadowColor 必须不是不透明的，才能在渐变中使用具有透明度的颜色。

这是代码。

@Override
protected void onDraw(Canvas canvas) {
    // draw the shadow
    getPaint().setShader(null);
    setTextColor(0x00ffffff); // set the paint's alpha by 00
    getPaint().setShadowLayer(3.0f, 1.5f, 1.8f, shadowColor); // shadowColor must be not opaque
    super.onDraw(canvas);

    // draw the gradient filled text
    getPaint().clearShadowLayer();
    setTextColor(0xffffffff); // set the paint's alpha by ff
    getPaint().setShader(new LinearGradient(0, 0, getWidth(), getHeight(), 0x7fff8809, 0x7f09ffff, Shader.TileMode.CLAMP)); // or whatever gradient/shader you use
    super.onDraw(canvas);
}

如果 ShadowColor 是不透明的，您可以通过将 alpha 减一来将其更改为不透明。

if((shadowColor >>> 24) == 0xff)
    shadowColor &= 0xfeffffff;

再次感谢sidon的回答。

2018-12-16 编辑：

如果你对颜色有相同的 alpha 值，下面的代码会更好。

public class TextView_Gradient extends TextView {

    public TextView_Gradient(Context context) {
        super(context);
        setTextColor(0x3fffffff); // set the paint's alpha by 3f
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // draw the shadow
        getPaint().setShader(null);
        // shadowColor must be opaque.
        getPaint().setShadowLayer(3.0f, 1.5f, 1.8f, shadowColor);
        super.onDraw(canvas);

        // draw the gradient filled text
        getPaint().clearShadowLayer();
        // gradient colors must be opaque, too.
        getPaint().setShader(new LinearGradient(0, 0, getWidth(), getHeight(), 0xffff8809, 0xff09ffff, Shader.TileMode.CLAMP));
        super.onDraw(canvas);
    }
}

因为如果阴影颜色不透明，则阴影的 Alpha 将是绘画的 Alpha。如果渐变颜色的 alpha 为 ff（不透明），则渐变颜色的 alpha 就是绘画的 alpha。

（或者，如果油漆的 alpha 为 ff，则可以通过渐变颜色的 alpha 值再次缩放文本的最终 alpha。）

输出：