android studio线性渐变,使用Kotlin实现文字渐变TextView的代码

本文介绍了如何在Kotlin中创建一个渐变文字的TextView。通过自定义View GradientTextView,利用LinearGradient设置渐变颜色,并在onSizeChanged方法中调整渐变范围。示例代码展示了从XML属性读取起始和结束颜色,以及如何应用到TextView上。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

实现效果:

5f1f42810fe410c85831e3e83e0a107c.png

实现代码:

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?,

attrs: AttributeSet? = null

) : TextView(context, attrs) {

private var mPaint: TextPaint? = null

private var mLinearGradient: LinearGradient? = null

private var mMeasureWidth = 0

private var mTextMatrix: Matrix? = 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?.shader = mLinearGradient

mTextMatrix = Matrix()

}

}

}

attr.xml 引用

引用:

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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值