Android平台分享弹出动画

没事的时候就喜欢刷刷今日头条,(不得不吐槽一下,现在的头条广告太他妈多了),以前也没有太在意,这两天看到个有意思的文章想分享盆友圈时候,突然发现,这个分享平台弹出的动画挺有趣的,感觉很好玩,但是觉得好像在android端的app上就没见过,我赶紧把android测试机拿出来试了试,果然:

• 这是ios版的分享动画:

• 这是android版的分享动画:

这我就不开心了,ios搞得,难道android就搞不得.废话不多说,开搞…

• 首先,用属性动画应该可以搞出来
• 其次,需要给动画加个差值器interpolator来实现效果
• 然后,界面优化适配等(没弄)

interpolator不了解的可以看这个博客,讲的挺细的android之interpolator的用法详解

这是自定义view的代码,参考了github上一个项目,但地址忘了,找到了再贴上:

public class ShareView2 extends View {
   
    private static final float RADIUS = 150f;//上排距离
    private static final float RADIUS2 = 20f;//下排距离
    private static final float HEIGHT_VIEW = 200f;
    private static float DISTANCEPOINT = 150;
    private OnDownActionListener2 mDown = null;
    private Point currentPoint1;
    private Point currentPoint2;
    private Point currentPoint3;
    private Point currentPoint4;
    private Point currentPoint5;
    private Point currentPoint6;
    private Point currentPoint7;
    private float startX;
    private float startY;
    private float startY2;
    private float width;
    private float height;
    private Paint mPaint;
    private Bitmap bitmap1;
    private Bitmap bitmap2;
    private Bitmap bitmap3;
    private Bitmap bitmap4;
    private Bitmap bitmap5;
    private Bitmap bitmap6;
    private Bitmap bitmap7;

    public ShareView2(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(Color.BLUE);
        // 初始化
        WindowManager wm = (WindowManager) getContext().getSystemService(
                Context.WINDOW_SERVICE);
        height = wm.getDefaultDisplay().getHeight();
        width = wm.getDefaultDisplay().getWidth();

        Log.e("TAG---", "height----" + height);
        Log.e("TAG---", "width----" + width);

        DISTANCEPOINT = width / 5;

        bitmap1 = BitmapFactory.decodeResource(getResources(), R.drawable.umeng_socialize_wechat);
        bitmap2 = BitmapFactory.decodeResource(getResources(), R.drawable.umeng_socialize_qq_on);
        bitmap3 = BitmapFactory
                .decodeResource(getResources(), R.drawable.umeng_socialize_wxcircle);
        bitmap4 = BitmapFactory.decodeResource(getResources(), R.drawable.umeng_socialize_qzone_on);
        bitmap5 = BitmapFactory.decodeResource(getResources(), R.drawable.umeng_socialize_sina_on);
        bitmap6 = BitmapFactory.decodeResource(getResources(), R.drawable.umeng_socialize_sms_on);
        bitmap7 = BitmapFactory.decodeResource(getResources(), R.drawable.umeng_socialize_gmail_on);

        System.out.println("bitmap_width  " + bitmap1.getWidth());

        startX = (float) (DISTANCEPOINT - bitmap1.getWidth() / 2);
        startY = height - RADIUS;
        startY2 = height - RADIUS2;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (currentPoint1 == null) {
            currentPoint1 = new Point(startX, startY);
            currentPoint2 = new Point(startX + DISTANCEPOINT, startY);
            currentPoint3 = new Point(startX + 2 * DISTANCEPOINT, startY);
            currentPoint4 = new Point(startX + 3 * DISTANCEPOINT, startY);
            currentPoint5 = new Point(startX, startY2);
            currentPoint6 = new Point(startX + DISTANCEPOINT, startY2);
            currentPoint7 = new Point(startX + 2 * DISTANCEPOINT, startY2);
            canvas.drawBitmap(bitmap1, currentPoint1.getX(),
                    currentPoint1.getY(), mPaint);
            canvas.drawBitmap(bitmap2, currentPoint2.getX(),
                    currentPoint2.getY(), mPaint);
            canvas.drawBitmap(bitmap3, currentPoint3.getX(),
                    currentPoint3.getY(), mPaint);
            canvas.drawBitmap(bitmap4, currentPoint4.getX(),
                    currentPoint4.getY(), mPaint);
            canvas.drawBitmap(bitmap5, currentPoint5.getX(),
                    currentPoint5.getY(), mPaint);
            canvas.drawBitmap(bitmap6, currentPoint6.getX(),
                    currentPoint6.getY(), mPaint);
            c