标签：canvas clipRect 自定义 Paint private fun var import

前言

　　实现原理很简单，就是绘制2层不同颜色的文本，然后将其中一个的画布裁剪到合适的大小在向一个方向移动起来。

效果图

代码

import android.content.Context
import android.graphics.Canvas
import android.graphics.Color
import android.graphics.Paint
import android.graphics.Rect
import android.util.AttributeSet
import android.util.TypedValue
import android.view.View


class ScrollGradientText(context: Context, attrs: AttributeSet?) : View(context, attrs) {
    private var mTextSize = 24f
    private var mBottomTextColor = Color.WHITE
    private var mTopTextColor = Color.parseColor("#48F3D0")
    private var mText = "hello world"
    private var mBottomPaint = Paint()
    private var mTopPaint = Paint()
    private var mWidth = 0
    private var mHeight = 0
    private var mStepCount = 0
    private var mSpeed = 150
    private var mLeft = 0
    private var mRight = 0

    init {
        updatePaint()
    }

    /**
     * 文本内容
     */
    fun setText(text: String) {
        mText = text
        invalidate()
    }

    /**
     * 文字颜色
     */
    fun setTextColor(topTextColor: Int, bottomTextColor: Int) {
        mTopTextColor = topTextColor
        mBottomTextColor = bottomTextColor
        updatePaint()
        invalidate()
    }

    /**
     * 设置文字大小
     */
    fun setTextSize(textSize: Float) {
        mTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, textSize, resources.displayMetrics)
        updatePaint()
        invalidate()
    }

    /**
     * 设置速度
     */
    fun setSpeed(speed: Int) {
        mSpeed = speed
    }

    /**
     * 测量尺寸
     */
    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        mWidth = mBottomPaint.measureText(mText).toInt()
        mHeight = MeasureSpec.getSize(heightMeasureSpec)
        mLeft = -mWidth / 3
        mRight = 0
        setMeasuredDimension(mWidth, mHeight)
    }

    private fun updatePaint() {
        mBottomPaint = Paint().apply {
            color = mBottomTextColor
            textSize = mTextSize
            textAlign = Paint.Align.CENTER
            isAntiAlias = true
        }
        mTopPaint = Paint().apply {
            color = mTopTextColor
            textSize = mTextSize
            textAlign = Paint.Align.CENTER
            isAntiAlias = true
        }
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        drawBottomText(canvas)
        drawTopText(canvas)
    }

    private fun drawBottomText(canvas: Canvas) {
        canvas.save()
        val offset = textCenteredOffset(mBottomPaint)
        canvas.drawText(mText, (width / 2).toFloat(), (height / 2).toFloat() - offset, mBottomPaint)
        canvas.restore()
    }

    private fun drawTopText(canvas: Canvas) {
        canvas.save()
        if (mLeft > width) {
            mLeft = -mWidth / 3
            mRight = 0
            mStepCount = 0
        }
        mStepCount += 5
        mLeft += mStepCount
        mRight += mStepCount
        canvas.clipRect(mLeft, 0, mRight, mHeight)
        val offSet = textCenteredOffset(mTopPaint)
        canvas.drawText(mText, (width / 2).toFloat(), (height / 2).toFloat() - offSet, mTopPaint)
        canvas.restore()
        postInvalidateDelayed(150)
    }

    /**
     * 文字居中偏移量
     */
    private fun textCenteredOffset(paint: Paint): Int {
        val bounds = Rect()
        paint.getTextBounds(mText, 0, mText.length, bounds)
        return (bounds.top + bounds.bottom) / 2
    }
}

End

标签：canvas,clipRect,自定义,Paint,private,fun,var,import
来源： https://www.cnblogs.com/guanxinjing/p/16338830.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。