仿网易新闻点击图片放大动画

点击新闻中小图，从图片位置以动画的方式逐渐移动到屏幕中心并放大图片
具体实现：

1
2
3

public static void browerImage(Activity activity, final ImageView originImageV, final ImageView scaleImageV){
            int x = originImageV.getLeft();
            int y = originImageV.getTop();


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

public static void browerImage(Activity activity, final ImageView originImageV, final ImageView scaleImageV){
            int x = originImageV.getLeft();
            int y = originImageV.getTop();
            DisplayMetrics metrics = new DisplayMetrics();
            activity.getWindowManager().getDefaultDisplay().getMetrics(metrics);
            int width = metrics.widthPixels;
            AnimationSet animationSet = new AnimationSet(true);

            TranslateAnimation translateAnimation = new TranslateAnimation(
            Animation.ABSOLUTE, x,
            Animation.ABSOLUTE, 0,
            Animation.ABSOLUTE, y,
            Animation.ABSOLUTE, scaleImageV.getY() - getStatusBarHeight(activity));
    translateAnimation.setDuration(1500);
    animationSet.addAnimation(translateAnimation);

    ScaleAnimation scaleAnimation = new ScaleAnimation(1.0f, (float)width/originImageV.getWidth(), 1.0f,
                    (float)width/originImageV.getWidth(),
                    Animation.ABSOLUTE, 0,
            Animation.ABSOLUTE, 0);
    scaleAnimation.setDuration(1500);
    animationSet.addAnimation(scaleAnimation);


    animationSet.setFillEnabled(true);
    animationSet.setAnimationListener(new AnimationListener() {

                    @Override
                    public void onAnimationStart(Animation animation) {

                    }

                    @Override
                    public void onAnimationRepeat(Animation animation) {

                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {
                            originImageV.setVisibility(View.INVISIBLE);
                            scaleImageV.setVisibility(View.VISIBLE);
                            originImageV.clearAnimation();
                    }
            });

    originImageV.startAnimation(animationSet);
    }

点击大图返回动画

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

public static void closeImage(Activity activity, final ImageView originImageV, final ImageView scaleImageV){
                int originX = originImageV.getLeft();
                int originY = originImageV.getTop();
                int scaleX = scaleImageV.getLeft();
                int scaleY = scaleImageV.getTop();
                System.out.println("scaleY: " + scaleY + " bottom: " + scaleImageV.getBottom());

                AnimationSet animationSet = new AnimationSet(true);

                TranslateAnimation translateAnimation = new TranslateAnimation(
                Animation.ABSOLUTE, scaleX,
                Animation.ABSOLUTE, originX,
                Animation.ABSOLUTE, scaleY - getStatusBarHeight(activity),
                Animation.ABSOLUTE, originY);
        translateAnimation.setDuration(1500);
        animationSet.addAnimation(translateAnimation);

        ScaleAnimation scaleAnimation = new ScaleAnimation((float)scaleImageV.getWidth()/originImageV.getWidth(), 1.0f,
                        (float)scaleImageV.getWidth()/originImageV.getWidth(), 1.0f,
                        Animation.ABSOLUTE, 0,
                Animation.ABSOLUTE, 0);
        scaleAnimation.setDuration(1500);
        animationSet.addAnimation(scaleAnimation);


        animationSet.setFillEnabled(true);
        animationSet.setAnimationListener(new AnimationListener() {

                        @Override
                        public void onAnimationStart(Animation animation) {
                                scaleImageV.setVisibility(View.INVISIBLE);
                                originImageV.setVisibility(View.VISIBLE);
                        }

                        @Override
                        public void onAnimationRepeat(Animation animation) {

                        }

                        @Override
                        public void onAnimationEnd(Animation animation) {
                                originImageV.clearAnimation();
                        }
                });

        originImageV.startAnimation(animationSet);
        }

下面是获取状态栏高度

1
2
3
4
5
6
7
8
9
10
11
12
13
14

/**
        * @Title: getStatusBarHeight 
        * @Description:  
        * @param activity
        * @return int     
         */
        public static int getStatusBarHeight(Activity activity){
                int result = 0;
                   int resourceId = activity.getResources().getIdentifier("status_bar_height", "dimen", "android");
                   if (resourceId > 0) {
                      result = activity.getResources().getDimensionPixelSize(resourceId);
                   }
                   return result;
        }