图片下拉放大 自定义scrollView

使用自定义scrollView的方法实现这个效果。也不多说了，直接上代码。

[java]  view plain  copy

 

1. package com.example.myapplication.dropzoom;  
2.   
3. import android.animation.ObjectAnimator;  
4. import android.animation.ValueAnimator;  
5. import android.content.Context;  
6. import android.util.AttributeSet;  
7. import android.view.MotionEvent;  
8. import android.view.View;  
9. import android.view.ViewGroup;  
10. import android.widget.ScrollView;  
11.   
12. /** 
13.  * Created by Liujinhua on 2016/3/25. 
14.  * 下拉放大scrollView 
15.  */  
16. public class DropZoomScrollView extends ScrollView implements View.OnTouchListener {  
17.   
18.     // 记录首次按下位置  
19.     private float mFirstPosition = 0;  
20.     // 是否正在放大  
21.     private Boolean mScaling = false;  
22.   
23.     private View dropZoomView;  
24.     private int dropZoomViewWidth;  
25.     private int dropZoomViewHeight;  
26.   
27.     public DropZoomScrollView(Context context) {  
28.         super(context);  
29.     }  
30.   
31.     public DropZoomScrollView(Context context, AttributeSet attrs) {  
32.         super(context, attrs);  
33.     }  
34.   
35.     public DropZoomScrollView(Context context, AttributeSet attrs, int defStyleAttr) {  
36.         super(context, attrs, defStyleAttr);  
37.     }  
38.   
39.     @Override  
40.     protected void onFinishInflate() {  
41.         super.onFinishInflate();  
42.         init();  
43.     }  
44.   
45.     @Override  
46.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
47.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);  
48.   
49.     }  
50.   
51.     private void init() {  
52.         setOverScrollMode(OVER_SCROLL_NEVER);  
53.         if (getChildAt(0) != null) {  
54.             ViewGroup vg = (ViewGroup) getChildAt(0);  
55.             if (vg.getChildAt(0) != null) {  
56.                 dropZoomView = vg.getChildAt(0);  
57.                 setOnTouchListener(this);  
58.   
59.             }  
60.         }  
61.     }  
62.   
63.     @Override  
64.     public boolean onTouch(View v, MotionEvent event) {  
65.         if (dropZoomViewWidth <= 0 || dropZoomViewHeight <= 0) {  
66.             dropZoomViewWidth = dropZoomView.getMeasuredWidth();  
67.             dropZoomViewHeight = dropZoomView.getMeasuredHeight();  
68.         }  
69.         switch (event.getAction()) {  
70.             case MotionEvent.ACTION_UP:  
71.                 //手指离开后恢复图片  
72.                 mScaling = false;  
73.                 replyImage();  
74.                 break;  
75.             case MotionEvent.ACTION_MOVE:  
76.                 if (!mScaling) {  
77.                     if (getScrollY() == 0) {  
78.                         mFirstPosition = event.getY();// 滚动到顶部时记录位置，否则正常返回  
79.                     } else {  
80.                         break;  
81.                     }  
82.                 }  
83.                 int distance = (int) ((event.getY() - mFirstPosition) * 0.6); // 滚动距离乘以一个系数  
84.                 if (distance < 0) { // 当前位置比记录位置要小，正常返回  
85.                     break;  
86.                 }  
87.   
88.                 // 处理放大  
89.                 mScaling = true;  
90.                 setZoom(1 + distance);  
91.                 return true; // 返回true表示已经完成触摸事件，不再处理  
92.         }  
93.         return false;  
94.     }  
95.   
96.     // 回弹动画 (使用了属性动画)  
97.     public void replyImage() {  
98.         final float distance = dropZoomView.getMeasuredWidth() - dropZoomViewWidth;  
99.   
100.         // 设置动画  
101.         ValueAnimator anim = ObjectAnimator.ofFloat(0.0F, 1.0F).setDuration((long) (distance * 0.7));  
102.   
103.         anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {  
104.             @Override  
105.             public void onAnimationUpdate(ValueAnimator animation) {  
106.                 float cVal = (Float) animation.getAnimatedValue();  
107.                 setZoom(distance - ((distance) * cVal));  
108.             }  
109.         });  
110.         anim.start();  
111.   
112.     }  
113.   
114.     //缩放  
115.     public void setZoom(float s) {  
116.         if (dropZoomViewHeight <= 0 || dropZoomViewWidth <= 0) {  
117.             return;  
118.         }  
119.         ViewGroup.LayoutParams lp = dropZoomView.getLayoutParams();  
120.         lp.width = (int) (dropZoomViewWidth + s);  
121.         lp.height = (int) (dropZoomViewHeight * ((dropZoomViewWidth + s) / dropZoomViewWidth));  
122.         dropZoomView.setLayoutParams(lp);  
123.     }  
124. }  

使用的时候也十分的简单

[html]  view plain  copy

 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical">  
6.   
7.     <com.example.myapplication.dropzoom.DropZoomScrollView  
8.         android:layout_width="match_parent"  
9.         android:layout_height="match_parent">  
10.   
11.         <LinearLayout  
12.             android:layout_width="match_parent"  
13.             android:layout_height="wrap_content"  
14.             android:orientation="vertical">  
15.   
16.   
17.             <ImageView  
18.                 android:layout_width="wrap_content"  
19.                 android:layout_height="wrap_content"  
20.                 android:layout_gravity="center"  
21.                 android:src="@drawable/bg" />  
22.   
23.             <ImageView  
24.                 android:layout_width="wrap_content"  
25.                 android:layout_height="wrap_content"  
26.                 android:layout_gravity="center"  
27.                 android:src="@drawable/home_bg" />  
28.   
29.             <ImageView  
30.                 android:layout_width="wrap_content"  
31.                 android:layout_height="wrap_content"  
32.                 android:layout_gravity="center"  
33.                 android:src="@drawable/home_bg" />  
34.   
35.             <ImageView  
36.                 android:layout_width="wrap_content"  
37.                 android:layout_height="wrap_content"  
38.                 android:layout_gravity="center"  
39.                 android:src="@drawable/home_bg" />  
40.   
41.             <ImageView  
42.                 android:layout_width="wrap_content"  
43.                 android:layout_height="wrap_content"  
44.                 android:layout_gravity="center"  
45.                 android:src="@drawable/home_bg" />  
46.         </LinearLayout>  
47.     </com.example.myapplication.dropzoom.DropZoomScrollView>  
48. </LinearLayout>