当前位置：首页 > 安卓源码 > 控件分类 > 多页切换TabHost >

Android实现360手机助手TabHost的波纹效果

时间：2017-05-12 09:51 来源：互联网作者：源码搜藏收藏

暂无演示立即下载

源码类别：多页切换TabHost
源码大小：未知
编码格式：gbk,utf8,不限
运行环境：Android studio

广告推荐

现在新版360手机助手的界面都做得挺漂亮的，在切换底部导航时的波纹效果也很好看，刚好最近看了个开源项目才了解到原来Drawable做动画效果也怎么好用，所以就仿照360实现了下带波纹的TabHost。

先来看一下实现后的效果：

说明一下实现要点：

1. 因为我们项目之前用的是FragmentTabHost，所以我直接继承FragmentTabHost来实现动画效果更方便；

2. 波纹动画的实现其实是自定义带动画效果的Drawable，然后将Drawable设置为Tab菜单的背景；

3. 其它的就是一些Tab菜单切换的处理了。

一. 自定义波纹Drawable

自定义Drawable只要继承Drawable并实现以下4个方法，同时实现Animatable接口：

[java] view plain copy
				 
			public class RippleDrawable extends Drawable implements Animatable {  

			    @Override  

			    public void draw(Canvas canvas) {  

			        //　绘图  

			    }  

			    @Override  

			    public void setAlpha(int alpha) {  

			        //　设置透明度  

			    }  

			    @Override  

			    public void setColorFilter(ColorFilter colorFilter) {  

			        //　设置颜色过滤  

			    }  

			    @Override  

			    public int getOpacity() {  

			        //　设置颜色格式  

			        return PixelFormat.RGBA_8888;  

			    }  

			    @Override  

			    public void start() {  

			        // 启动动画  

			    }  

			    @Override  

			    public void stop() {  

			        // 停止动画  

			    }  

			    @Override  

			    public boolean isRunning() {  

			        //　判断动画是否运行  

			        return false;  

			    }  

			}

这几个方法中最重要的就是draw()方法了，相信自定义过View的都知道我们图形就是在这里绘制，这里也一样，其它方法在这里影响不大，最后一个方法用来设置Drawable的颜色格式。要实现动画Drawable需要实现Animatable接口,并实现3个方法如下，其实不实现这个接口也能做动画效果，但还是实现比较好。

下面是整个波纹Drawable的实现代码：

[java] view plain copy
				 
			/** 

			 * Created by long on 2016/6/27. 

			 * 波纹Drawable 

			 */  

			public class RippleDrawable extends Drawable implements Animatable {  

			    /** 

			     * 3种模式：左边、中间和右边波纹 

			     */  

			    public static final int MODE_LEFT = 1;  

			    public static final int MODE_MIDDLE = 2;  

			    public static final int MODE_RIGHT = 3;  

			    private int mMode = MODE_MIDDLE;  

			    // 前景色和后景色画笔  

			    private Paint mPaintFront;  

			    private Paint mPaintBehind;  

			    // 用来绘制扇形的矩形框  

			    private RectF mRect;  

			    // 目标View的宽高的一半  

			    private int mHalfWidth;  

			    private int mHalfHeight;  

			    // 扩散半径  

			    private int mRadius;  

			    // 前景色和背景色的分割距离  

			    private int mDivideSpace;  

			    // 扩散满视图需要的距离，中点到斜角的距离  

			    private int mFullSpace;  

			    // 动画控制  

			    private ValueAnimator mValueAnimator;  

			    public RippleDrawable(int frontColor, int behindColor, int mode) {  

			        mPaintFront = new Paint(Paint.ANTI_ALIAS_FLAG);  

			        mPaintFront.setColor(frontColor);  

			        mPaintBehind = new Paint(Paint.ANTI_ALIAS_FLAG);  

			        mPaintBehind.setColor(behindColor);  

			        mRect = new RectF();  

			        mMode = mode;  

			    }  

			    @Override  

			    public void draw(Canvas canvas) {  

			        if (mRadius > mHalfWidth) {  

			            int count = canvas.save();  

			            canvas.drawCircle(mHalfWidth, mHalfHeight, mHalfWidth, mPaintBehind);  

			            canvas.restoreToCount(count);  

			            count = canvas.save(); &