扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家分享的是有关Android Shader如何实现虹闪烁文字效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
创新互联建站-专业网站定制、快速模板网站建设、高性价比定结网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式定结网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖定结地区。费用合理售后完善,十载实体公司更值得信赖。
具体内容如下
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); } }
感谢各位的阅读!关于“Android Shader如何实现虹闪烁文字效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流