没事的时候就喜欢刷刷今日头条,(不得不吐槽一下,现在的头条广告太他妈多了),以前也没有太在意,这两天看到个有意思的文章想分享盆友圈时候,突然发现,这个分享平台弹出的动画挺有趣的,感觉很好玩,但是觉得好像在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