使用kotlin自定义闪动的TextView

继承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了

• 在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

简单用kotlin实现闪动的TextView，欢迎大家指正哈~

• 代码地址：https://github.com/gsy13213009/learning.git