继承TextView，在它的onDraw方法中添加自己的逻辑
- 代码比较少，其实就复写了onDraw方法和onSizeChange方法，甚至都不用复写onSizeChange方法，只要能在onDraw前获取到该TextView的宽高即可，比如在onMeasure中直接获取宽度神马的
- 下面是实现的代码，已添加相关注释
package com.gsy.gsylearning.view
import android.content.Context
import android.graphics.*
import android.text.TextPaint
import android.util.AttributeSet
import android.widget.TextView
/**
* Created by gsy on 17/10/9.
* 自定义闪动的textView
*/
class SplashTextView : TextView {
// 构造方法，不这样写不认，也是醉了
constructor(context: Context) : super(context)
constructor(context: Context, attrs: AttributeSet?) : super(context, attrs)
constructor(context: Context, attrs: AttributeSet?, style: Int) : super(context, attrs, style)
private var mPaint: TextPaint? = null // 画笔
private var mLinearGradient: LinearGradient? = null // 线线渐变器
private var mViewWidth = 0 // 保存textView的宽度
private var mGradientMatrix: Matrix? = null // 矩阵
private var mTranslate: Int = 0 // 平移值
/**
* 复写onDraw方法，在绘制时进行自定义操作¬
*/
override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)
if (mGradientMatrix != null) {
// 平移值默认为0，每100ms增加一次，每次增加五分之一的textView的宽度
mTranslate += mViewWidth / 5
// 当矩阵平移值超过textView的宽度时，将其置为负的宽度，也可以置为0，随意
if (mTranslate > mViewWidth) mTranslate = -mViewWidth
mGradientMatrix!!.setTranslate(mTranslate.toFloat(), 0f) // 两个感叹号代表"我确定这个一定不为空"
mLinearGradient?.setLocalMatrix(mGradientMatrix) // 问好代表"可能为空，如果不为空则执行操作"
postInvalidateDelayed(100)
}
}
/**
* 复写onSizeChanged方法，当textView大小有改动时初始化宽度的信息
*/
override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
super.onSizeChanged(w, h, oldw, oldh)
mViewWidth = measuredWidth // 获取到textView的宽高
if (mViewWidth > 0) {
mPaint = paint // 得到该textView的画笔
mLinearGradient = LinearGradient(0f // 初始化渐变器
, 0f
, mViewWidth.toFloat()
, 0f
, intArrayOf(Color.BLUE, Color.RED, Color.BLUE)
, null
, Shader.TileMode.CLAMP)
mPaint?.shader = mLinearGradient // 设置该textView的paint的shader
mGradientMatrix = Matrix() // 初始化矩阵
}
}
}
- 其实这段代码是参照了《android群英传》中的自定义控件部分，只是将代码转成了kotlin而已，这本书挺不错，学习它并且使用kotlin实现，一举两得
- 其实那个构造方法应该这样写的， 但是这样写系统不承认，在kotlin中，这种才是标准写法
class SplashTextView(context: Context, attrs: AttributeSet? = null, style: Int = 0) : TextView(context, attrs, style)
- 此时在layout中引用自定义控件即可，这里我直接用系统生成的activity和对应的layout了
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.gsy.gsylearning.view.SplashTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="I am a splash text view"
android:textColor="@android:color/black"
android:textSize="30dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>
- 在activity中setContentView即可
package com.gsy.gsylearning
import android.os.Bundle
import android.support.v7.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
}
}
- 下面是效果图，由于做gif图比较麻烦，我就截了几张
image.png
