首先申明,这篇文章不是我写的,我是对着大神的博客,对着写了一遍而已! 感谢写这篇文章的作者,其原创博客地址为: http://www.jianshu.com/p/4d987769785c
其示意图如下:
其自定义TextView的代码如下:
/** * Created by pxw on 2017/6/12. * 打印机效果TextView */ public class FadeInTextView extends TextView { //绘制显示的文字 private StringBuffer mStringBuffer = new StringBuffer(); //矩形 private Rect textRect = new Rect(); //定义文字的个数 private int textCount; //属性动画-值动画 private ValueAnimator textAnimation; //每个字出现的时间 private int duration = 300; //当前显示的字的索引 private int currentIndex = -1; //字的数组 private String[] arr; //接口对象 private TextAnimationListener textAnimationListener; public FadeInTextView(Context context) { super(context); } public FadeInTextView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); } public FadeInTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } public FadeInTextView setTextAnimationListener(TextAnimationListener textAnimationListener){ this.textAnimationListener = textAnimationListener; return this; } //绘制显示的文字 @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if(mStringBuffer != null) { drawText(canvas,mStringBuffer.toString()); } } private void drawText(Canvas canvas, String str) { //设置文字绘制的区域 textRect.left = getPaddingLeft(); textRect.top = getPaddingTop(); textRect.right = getWidth()-getPaddingRight(); textRect.bottom = getHeight()-getPaddingBottom(); //获取画笔 TextPaint paint = getPaint(); //描述画笔对象的属性特征,计算位置的坐标 Paint.FontMetrics fontMetrics = paint.getFontMetrics(); //TODO 不是特别明白为啥要除以2 int baseLine = (int) ((textRect.bottom+textRect.top-fontMetrics.bottom-fontMetrics.top)/2); //文字绘制到整个布局的中心位置 canvas.drawText(str,getPaddingLeft(),baseLine,paint); } //利用属性动画冬天改变绘制的文字,文字逐个显示动画,通过插值的方式改变数据源 private void initAnimation(){ //从0到textCount -1,是设置从第一个字到最后一个字的变化因子,获取单个字符 textAnimation = ValueAnimator.ofInt(0,textCount-1); //执行的总时间就是每个字的时间乘以字数 textAnimation.setDuration(textCount*duration); //通过插值器来控制来匀速显示文字 textAnimation.setInterpolator(new LinearInterpolator()); //监听动画更新过程 textAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { int index = (int) animation.getAnimatedValue(); Log.e("index",index+""); //过滤去重,保证每个字只重绘一次 if(currentIndex != index) { mStringBuffer.append(arr[index]); currentIndex = index; Log.e("index",index+"index"); //所有文字都显成之后进度回调结束动画 if(currentIndex == textCount -1) { if(textAnimationListener != null) { textAnimationListener.annimationFinish(); } } //不断通知重新绘制 invalidate(); } } }); } //设置逐渐显示的字符串,对外提供的方法 public FadeInTextView setTextString(String textString){ if(textString != null) { //总字数 textCount = textString.length(); //存放单个字的数组 arr = new String[textCount]; for (int i = 0; i < textCount; i++) { //通过循环,截取 arr[i] = textString.substring(i,i+1); } //初始化 initAnimation(); } return this; } //开启动画 public FadeInTextView startFadeInAnimation(){ if(textAnimation != null) { //动画开启的时候参数都设置成初始状态,设置长度为及索引 mStringBuffer.setLength(0); currentIndex = -1; textAnimation.start(); } return this; } //停止动画 public FadeInTextView stopFadeInAnimation(){ if(textAnimation != null) { textAnimation.end(); } return this; } //回调接口 interface TextAnimationListener{ void annimationFinish(); } }调用方法为:
fadeInTextView.setTextString("自定义view实现字符串逐字显示") .startFadeInAnimation() .setTextAnimationListener(new FadeInTextView.TextAnimationListener() { @Override public void annimationFinish() { } });以上,即可, 再次感谢原创博客作者
