如何使用Kotlin实现文字渐变TextView

发布时间：2020-07-29 14:47:00 作者：小猪
来源：亿速云阅读：261

这篇文章主要为大家展示了如何使用Kotlin实现文字渐变TextView，内容简而易懂，希望大家可以学习一下，学习完之后肯定会有收获的，下面让小编带大家一起来看看吧。

实现效果：

实现代码：

import android.content.Context
import android.graphics.*
import android.support.annotation.ColorInt
import android.support.annotation.ColorRes
import android.text.TextPaint
import android.util.AttributeSet
import android.widget.TextView
import com.ans.utilactivity.R


class GradientTextView @JvmOverloads constructor(
  context: Context&#63;,
  attrs: AttributeSet&#63; = null
) : TextView(context, attrs) {


  private var mPaint: TextPaint&#63; = null
  private var mLinearGradient: LinearGradient&#63; = null
  private var mMeasureWidth = 0
  private var mTextMatrix: Matrix&#63; = null

  @ColorInt
  private var mStartColor: Int = 0xFF333333.toInt()
  @ColorInt
  private var mEndColor: Int = 0xFF333333.toInt()

  init {
    if (attrs != null) {
      val attrArray = getContext().obtainStyledAttributes(attrs, R.styleable.GradientTextView)
      mStartColor = attrArray.getColor(R.styleable.GradientTextView_startColor, mStartColor)
      mEndColor = attrArray.getColor(R.styleable.GradientTextView_endColor, mEndColor)
    }
  }

  /**
   * 复写onSizeChanged方法
   *
   */
  override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
    super.onSizeChanged(w, h, oldw, oldh)
    mMeasureWidth = measuredWidth
    if (mMeasureWidth > 0) {
      mPaint = paint
      //(x0,y0)：渐变起始点坐标
      //(x1,y1):渐变结束点坐标
      //color0:渐变开始点颜色,16进制的颜色表示，必须要带有透明度
      //color1:渐变结束颜色
      //colors:渐变数组
      //positions:位置数组，position的取值范围[0,1],作用是指定某个位置的颜色值，如果传null，渐变就线性变化。
      //tile:用于指定控件区域大于指定的渐变区域时，空白区域的颜色填充方法。
      mLinearGradient = LinearGradient(
        0f
        , 0f
        , mMeasureWidth.toFloat()
        , 0f
        , intArrayOf(mStartColor, mEndColor)
        , null
        , Shader.TileMode.CLAMP
      )
      mPaint&#63;.shader = mLinearGradient
      mTextMatrix = Matrix()
    }
  }
}

attr.xml 引用

<declare-styleable name="GradientTextView">
  <attr name="startColor" format="color"/>
  <attr name="endColor" format="color"/>
</declare-styleable>

引用：

<前缀.GradientTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    app:startColor="@color/colorPrimary"
    app:endColor="@color/colorAccent"
    />

以上就是关于如何使用Kotlin实现文字渐变TextView的内容，如果你们有学习到知识或者技能，可以把它分享出去让更多的人看到。

如何使用Kotlin实现文字渐变TextView

相关阅读