打造炫酷通用的ViewPager指示器-玩转字体变色.doc

打造炫酷通用的ViewPager指示器 - 玩转字体变色 1.概述 最近一直都在仿着其他项目的效果在做，仿内涵段子，二手车之家等等。会不会有一天被抓还真是有点心虚，我这分明是给这些APP打广告。等这些效果基本讲完就开始设计模式和系统框架一整套的视频也就会出来了，等总的访问量达到100万之后就会利用空余的时间去录制Java基础和Android基础，请各位多多start和suggest。我们来看一下效果吧： 2.2 实现思路： 　　我们看到这效果之后，就会尼玛网上有没有？不要害怕不要担心其实分析了之后自己写也很简单的： 　　2.2.1 我们肯定要自定义View但是继承自谁呢？View or TextView 其实这里最好继承自TextView，这分明就是一个TextView，而且不需要测量宽高，你看TextView的onMesure()方法你就知道要比继承自View少多少代码。 　　2.2.2 怎样才能达到变色？肯定需要去绘制，只要搞两个画笔不断的绘制各自的区域就能出来。 　　2.2.3 还是不会，但是得动起来才知道，我们先实现一个TextView两种颜色再说。 　　 2.3 实现两种颜色的TextView： 　　我们先实现一下简单的效果一个TextView两种颜色，黑色和红色吧？大致的思路就是： 　　2.3.1 根据当前的进度为了演示效果我就默认为0.6f，那么中间的分割位置就是0.6f*控件的宽度 　　2.3.2 在onDraw()中我们利用计算好的分割位置自己去绘制文字，裁剪绘制内容部分即可 　　2.3.3 画文字是canvas.drawText(String text, float x, float y, Paint paint) 这些参数不了解的你得自己去google看一下了，温馨提示参数y是文字的基线，给一张图片看看吧： 　　 /** * Created by Darren on 2016/12/5. * Email: 240336124@ * Description: 文字颜色跟踪的TextView */ public class ColorTrackTextView extends TextView { // 默认的字体颜色的画笔 private Paint mOriginPaint; // 改变的字体颜色的画笔 private Paint mChangePaint; // 当前的进度 private float mCurrentProgress = 0.6f; private String TAG = CTTV; // 当前文本 private String mText; public ColorTrackTextView(Context context) { this(context, null); } public ColorTrackTextView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public ColorTrackTextView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initPaint(); } /** * 初始化画笔 */ private void initPaint() { mOriginPaint = getPaintByColor(Color.BLACK); mChangePaint = getPaintByColor(Color.RED); } /** * 获取画笔根据不同的颜色 */ private Paint getPaintByColor(int color) { Paint paint = new Paint(); // 抗锯齿 paint.setAntiAlias(true); // 仿抖动 paint.setDither(true); paint.setColor(color); // 字体的大小设置为TextView的文字大小 paint.setTextSize(getTextSize())