【问题标题】:How to set gradient as the text color of a TextView? [duplicate]如何将渐变设置为 TextView 的文本颜色? [复制]
【发布时间】:2013-06-06 09:12:59
【问题描述】:

我的可绘制文件夹中有一个包含渐变(textgradient.xml)的文件。我需要通过 Java 将此渐变作为 TextView 的文本颜色。该怎么做?

【问题讨论】:

标签: java android gradient


【解决方案1】:

此链接解决了您的问题:

Text with gradient in Android

它使用LinearGradient 类创建一个着色器,设置在文本视图上

【讨论】:

    【解决方案2】:

    似乎无法扩展 TextView 以使用渐变绘制文本。但是,可以通过创建画布并在其上绘图来实现此效果。首先,我们需要声明我们的自定义 UI 元素。在初始化中,我们需要创建一个 Layout 的子类。在这种情况下,我们将使用 BoringLayout,它只支持单行文本。

    Shader textShader=new LinearGradient(0, 0, 0, 20,
    new int[]{bottom,top},
    new float[]{0, 1}, TileMode.CLAMP);//Assumes bottom and top are colors defined above
    textPaint.setTextSize(textSize);
    textPaint.setShader(textShader);
    BoringLayout.Metrics boringMetrics=BoringLayout.isBoring(text, textPaint);
    boringLayout=new BoringLayout(text, textPaint, 0, Layout.Alignment.ALIGN_CENTER,
            0.0f, 0.0f, boringMetrics, false);
    

    然后我们覆盖 onMeasure 和 onDraw:

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
        setMeasuredDimension((int) textPaint.measureText(text), (int)      textPaint.getFontSpacing());
    }
    
    @Override
    protected void onDraw(Canvas canvas){
          super.onDraw(canvas);
          boringLayout.draw(canvas);
    }
    

    在这一点上,我们的 onDraw 实现非常懒惰(它完全忽略了测量规范!但只要您保证视图有足够的空间,它应该可以正常工作。

    或者,可以从 Canvas 继承并覆盖 onPaint 方法。如果这样做了,那么不幸的是,正在绘制的文本的锚点将始终位于底部,因此我们必须将 -textPaint.getFontMetricsInt().ascent() 添加到我们的 y 坐标中。

    【讨论】:

    • 但是如何使用我的 XML 文件渐变呢?
    • 你能解释一下为什么使用:0、0、0、20吗?
    【解决方案3】:

    您只需要创建一个可绘制资源(参见下面的示例),并将其添加到您为 ListItem 创建的布局中。

    drawable(在您的 res\drawable 文件夹中 - 随便命名 - listgrad.xml for ex)可能如下所示:

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
      android:startColor="@color/gradient_start"
      android:endColor="@color/gradient_end"
      android:angle="-270" /> 
    </shape>
    

    您可以将其添加到列表项的布局中(您为此定义的 layout.xml 文件),如以下代码 sn-p:

    <TextView
        android:id="@+id/ranking_order"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/list_grad"
        />
    

    ...

    【讨论】:

    • 只有文本必须有渐变,而不是整个文本视图...
    • 这里为什么有两个答案?
    猜你喜欢
    • 2020-12-30
    • 1970-01-01
    • 2012-09-13
    • 1970-01-01
    • 2016-12-15
    • 2020-04-01
    • 2022-01-03
    • 1970-01-01
    • 2021-08-04
    相关资源
    最近更新 更多