Android Shader如何實(shí)現(xiàn)虹閃爍文字效果

這篇文章給大家分享的是有關(guān)Android Shader如何實(shí)現(xiàn)虹閃爍文字效果的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

具體內(nèi)容如下

package com.example.apple.shaderdemo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Shader;
import android.support.annotation.Nullable;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.widget.TextView;

/**
 * Created by apple on 2017/5/10.
 */

public class LinearGradientTextView extends TextView {
 private TextPaint mPaint;

 private LinearGradient mLinearGradient ;
 private Matrix mMatrix;

 private float mTranslate;
 private float DELTAX = 20;
 private int mGradientSize;

 public LinearGradientTextView(Context context) {
  super(context);
 }

 public LinearGradientTextView(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
 }

 /**
  * 優(yōu)先于onDraw執(zhí)行，在這里得到系統(tǒng)繪制TextView的畫筆，然后給這個(gè)畫筆設(shè)置shader
  * 這樣下面在執(zhí)行onDraw的時(shí)候，使用的就是帶有Shader效果的畫筆了
  * @param w
  * @param h
  * @param oldw
  * @param oldh
  */
 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  // ★拿到系統(tǒng)TextView的畫筆
  mPaint = getPaint();
//  得到文本
  String text = getText().toString();
//  用畫筆測(cè)量文本的長(zhǎng)度
  float textWith = mPaint.measureText(text);
  // 3個(gè)文字的寬度
  mGradientSize = (int) (textWith / text.length() * 3);

  // 從左邊-gradientSize開始，即左邊距離文字gradientSize開始漸變
  // 一個(gè)漸變單位是：從第一個(gè)字之前3字距離開始到第一個(gè)字之前位置終結(jié)
  //然后一直讓這個(gè)漸變單位從左往右移動(dòng)dx位移，直到最右側(cè)后，向左移動(dòng)
  // CLAMP意思是：由于你的只是在漸變3個(gè)字的長(zhǎng)度，那么剩余的空間，讓邊緣顏色去填充
  mLinearGradient = new LinearGradient(-mGradientSize,0,0,0,new int[]{
    0xffff0000, 0xff00ff00, 0xff00ffff},null, Shader.TileMode.CLAMP
  );

  mPaint.setShader(mLinearGradient);
 }

 @Override
 protected void onDraw(Canvas canvas) {
//  調(diào)用super，意思是按照系統(tǒng)繪制textview的流程先把textview繪制完成
  super.onDraw(canvas);

//  我在系統(tǒng)基礎(chǔ)上再繪制一些效果


  mTranslate += DELTAX;
  float textWidth = getPaint().measureText(getText().toString());
//  到了邊界dx取反
  if(mTranslate > textWidth + mGradientSize || mTranslate < 0){
   DELTAX = - DELTAX;
  }
//  不停地方平移，得到閃爍的效果
  mMatrix = new Matrix();
  mMatrix.setTranslate(mTranslate, 0);
  mLinearGradient.setLocalMatrix(mMatrix);
//  延時(shí)重繪
  postInvalidateDelayed(50);

 }
}

感謝各位的閱讀！關(guān)于“Android Shader如何實(shí)現(xiàn)虹閃爍文字效果”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！