Android Shader应用开发之霓虹闪烁文字效果
程序员文章站
2022-08-08 11:11:08
本文实例为大家分享了android霓虹闪烁文字效果的具体代码,供大家参考,具体内容如下
package com.example.apple.shaderdem...
本文实例为大家分享了android霓虹闪烁文字效果的具体代码,供大家参考,具体内容如下
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); } /** * 优先于ondraw执行,在这里得到系统绘制textview的画笔,然后给这个画笔设置shader * 这样下面在执行ondraw的时候,使用的就是带有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); // ★拿到系统textview的画笔 mpaint = getpaint(); // 得到文本 string text = gettext().tostring(); // 用画笔测量文本的长度 float textwith = mpaint.measuretext(text); // 3个文字的宽度 mgradientsize = (int) (textwith / text.length() * 3); // 从左边-gradientsize开始,即左边距离文字gradientsize开始渐变 // 一个渐变单位是:从第一个字之前3字距离开始到第一个字之前位置终结 //然后一直让这个渐变单位从左往右移动dx位移,直到最右侧后,向左移动 // clamp意思是:由于你的只是在渐变3个字的长度,那么剩余的空间,让边缘颜色去填充 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) { // 调用super,意思是按照系统绘制textview的流程先把textview绘制完成 super.ondraw(canvas); // 我在系统基础上再绘制一些效果 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); // 延时重绘 postinvalidatedelayed(50); } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 使用d3.v5实现条形图
下一篇: 模块化(1):基本思路