41      阿裏雲  技術社區[雲棲]

ScrollView反彈效果 仿小米私密短信效果

轉載請標明出處：https://blog.csdn.net/lmj623565791/article/details/28441197

現在很多APP都給ScrollView添加了反彈效果，QQ、小米私密短信等。恰好在網上看到一個類：BounceScrollView ，

原創地址是：https://blog.csdn.net/h7870181/article/details/8960430 ， 可惜作者沒有提供一個效果圖，於是我發現小米短信列表頁往下拉，有反彈效果，且拉到1/3以上時，會打開私密短信列表，小米的用戶可以試試。

我在作者BounceScrollView 類的基礎上修改了一下，寫了一個例子，給大家分享下。

效果圖：（模擬器的效果不佳，湊合可以看出來效果）

1、首先是布局文件：

[html] view plaincopy

1. <RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"  
2.     xmlns:tools="https://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.   >  
6.   
7.     <com.example.zhy_bouncescrollview02.BounceScrollView  
8.         android:background="@drawable/shakehideimg_man"  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="fill_parent"  
11.         android:id="@+id/id_scrollView" >  
12.   
13.         <com.example.zhy_bouncescrollview02.MyListView  
14.             android:background="#fff"  
15.             android:id="@+id/id_listView"  
16.             android:layout_width="fill_parent"  
17.             android:layout_height="wrap_content" >  
18.         </com.example.zhy_bouncescrollview02.MyListView>  
19.     </com.example.zhy_bouncescrollview02.BounceScrollView>  
20.   
21. </RelativeLayout>  

2、BounceScrollView

[java] view plaincopy

1. package com.example.zhy_bouncescrollview02;  
2.   
3. import android.content.Context;  
4. import android.graphics.Rect;  
5. import android.util.AttributeSet;  
6. import android.view.MotionEvent;  
7. import android.view.View;  
8. import android.view.animation.Animation;  
9. import android.view.animation.TranslateAnimation;  
10. import android.widget.ScrollView;  
11.   
12. /** 
13.  * 支持上下反彈效果的ScrollView 
14.  *  
15.  * @author zhy 
16.  *  
17.  */  
18. public class BounceScrollView extends ScrollView  
19. {  
20.   
21.     private boolean isCalled ;   
22.       
23.     private Callback mCallback;  
24.   
25.     /** 
26.      * 包含的View 
27.      */  
28.     private View mView;  
29.     /** 
30.      * 存儲正常時的位置 
31.      */  
32.     private Rect mRect = new Rect();  
33.   
34.     /** 
35.      * y坐標 
36.      */  
37.     private int y;  
38.   
39.     private boolean isFirst = true;  
40.   
41.     public BounceScrollView(Context context, AttributeSet attrs)  
42.     {  
43.         super(context, attrs);  
44.     }  
45.   
46.     /*** 
47.      * 根據 XML 生成視圖工作完成.該函數在生成視圖的最後調用，在所有子視圖添加完之後. 即使子類覆蓋了 onFinishInflate 
48.      * 方法，也應該調用父類的方法，使該方法得以執行. 
49.      */  
50.     @Override  
51.     protected void onFinishInflate()  
52.     {  
53.         if (getChildCount() > 0)  
54.             mView = getChildAt(0);  
55.         super.onFinishInflate();  
56.     }  
57.   
58.     @Override  
59.     public boolean onTouchEvent(MotionEvent ev)  
60.     {  
61.         if (mView != null)  
62.         {  
63.             commonOnTouch(ev);  
64.         }  
65.   
66.         return super.onTouchEvent(ev);  
67.     }  
68.   
69.     private void commonOnTouch(MotionEvent ev)  
70.     {  
71.         int action = ev.getAction();  
72.         int cy = (int) ev.getY();  
73.         switch (action)  
74.         {  
75.         case MotionEvent.ACTION_DOWN:  
76.             break;  
77.         /** 
78.          * 跟隨手指移動 
79.          */  
80.         case MotionEvent.ACTION_MOVE:  
81.   
82.             int dy = cy - y;  
83.             if (isFirst)  
84.             {  
85.                 dy = 0;  
86.                 isFirst = false;  
87.             }  
88.             y = cy;  
89.   
90.             if (isNeedMove())  
91.             {  
92.                 if (mRect.isEmpty())  
93.                 {  
94.                     /** 
95.                      * 記錄移動前的位置 
96.                      */  
97.                     mRect.set(mView.getLeft(), mView.getTop(),  
98.                             mView.getRight(), mView.getBottom());  
99.                 }  
100.   
101.                 mView.layout(mView.getLeft(), mView.getTop() + 2 * dy / 3,  
102.                         mView.getRight(), mView.getBottom() + 2 * dy / 3);  
103.   
104.                 if (shouldCallBack(dy))  
105.                 {  
106.                     if (mCallback != null)  
107.                     {  
108.                         if(!isCalled)  
109.                         {  
110.                             isCalled = true ;   
111.                             resetPosition();  
112.                             mCallback.callback();  
113.                               
114.                               
115.                         }  
116.                     }  
117.                 }  
118.             }  
119.   
120.             break;  
121.         /** 
122.          * 反彈回去 
123.          */  
124.         case MotionEvent.ACTION_UP:  
125.             if (!mRect.isEmpty())  
126.             {  
127.                 resetPosition();  
128.             }  
129.             break;  
130.   
131.         }  
132.     }  
133.   
134.     /** 
135.      * 當從上往下，移動距離達到一半時，回調接口 
136.      *  
137.      * @return 
138.      */  
139.     private boolean shouldCallBack(int dy)  
140.     {  
141.   
142.         if (dy > 0 && mView.getTop() > getHeight() / 2)  
143.             return true;  
144.         return false;  
145.     }  
146.   
147.     private void resetPosition()  
148.     {  
149.         Animation animation = new TranslateAnimation(0, 0, mView.getTop(),  
150.                 mRect.top);  
151.         animation.setDuration(200);  
152.         animation.setFillAfter(true);  
153.         mView.startAnimation(animation);  
154.         mView.layout(mRect.left, mRect.top, mRect.right, mRect.bottom);  
155.         mRect.setEmpty();  
156.         isFirst = true;  
157.         isCalled = false ;   
158.     }  
159.   
160.     /*** 
161.      * 是否需要移動布局 inner.getMeasuredHeight():獲取的是控件的總高度 
162.      *  
163.      * getHeight()：獲取的是屏幕的高度 
164.      *  
165.      * @return 
166.      */  
167.     public boolean isNeedMove()  
168.     {  
169.         int offset = mView.getMeasuredHeight() - getHeight();  
170.         int scrollY = getScrollY();  
171.         // 0是頂部，後麵那個是底部  
172.         if (scrollY == 0 || scrollY == offset)  
173.         {  
174.             return true;  
175.         }  
176.         return false;  
177.     }  
178.   
179.     public void setCallBack(Callback callback)  
180.     {  
181.         mCallback = callback;  
182.     }  
183.   
184.     interface Callback  
185.     {  
186.         void callback();  
187.     }  
188.   
189. }  

3、MyListView

[java] view plaincopy

1. package com.example.zhy_bouncescrollview02;  
2.   
3. import android.content.Context;  
4. import android.util.AttributeSet;  
5. import android.widget.ListView;  
6.   
7. /** 
8.  * 解決ScrollView與ListView的嵌套問題 
9.  * @author zhy 
10.  *  
11.  */  
12. public class MyListView extends ListView  
13. {  
14.   
15.     public MyListView(Context context, AttributeSet attrs)  
16.     {  
17.         super(context, attrs);  
18.     }  
19.   
20.     public MyListView(Context context, AttributeSet attrs, int defStyle)  
21.     {  
22.         super(context, attrs, defStyle);  
23.     }  
24.   
25.     public MyListView(Context context)  
26.     {  
27.         super(context);  
28.     }  
29.   
30.     @Override  
31.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)  
32.     {  
33.   
34.         /** 
35.          * 解決ScrollView與ListView的嵌套問題 
36.          */  
37.         int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,  
38.                 MeasureSpec.AT_MOST);  
39.   
40.         super.onMeasure(widthMeasureSpec, expandSpec);  
41.     }  
42.   
43. }  

[java] view plaincopy

1. package com.example.zhy_bouncescrollview02;  
2.   
3. import java.util.ArrayList;  
4. import java.util.Arrays;  
5.   
6. import android.app.Activity;  
7. import android.content.Intent;  
8. import android.os.Bundle;  
9. import android.widget.ArrayAdapter;  
10. import android.widget.ListView;  
11. import android.widget.Toast;  
12.   
13. import com.example.zhy_bouncescrollview02.BounceScrollView.Callback;  
14.   
15. public class MainActivity extends Activity  
16. {  
17.   
18.     private ListView mListView;  
19.     private BounceScrollView mScrollView;  
20.   
21.     @Override  
22.     protected void onCreate(Bundle savedInstanceState)  
23.     {  
24.         super.onCreate(savedInstanceState);  
25.         setContentView(R.layout.activity_main);  
26.         mScrollView = (BounceScrollView) findViewById(R.id.id_scrollView);  
27.         mScrollView.setCallBack(new Callback()  
28.         {  
29.   
30.             @Override  
31.             public void callback()  
32.             {  
33.                 Toast.makeText(MainActivity.this, "you can do something!", 0)  
34.                         .show();  
35.                 Intent intent = new Intent(MainActivity.this,  
36.                         SecondActivity.class);  
37.                 startActivity(intent);  
38.                 overridePendingTransition(R.anim.fade_in, R.anim.fade_out);  
39.             }  
40.         });  
41.         mListView = (ListView) findViewById(R.id.id_listView);  
42.         mListView.setAdapter(new ArrayAdapter<String>(this,  
43.                 android.R.layout.simple_list_item_1, new ArrayList<String>(  
44.                         Arrays.asList("Hello", "World", "Welcome", "Java",  
45.                                 "Android", "Lucene", "C++", "C#", "HTML",  
46.                                 "Welcome", "Java", "Android", "Lucene", "C++",  
47.                                 "C#", "HTML"))));  
48.     }  
49.   
50. }  

好了，好幾天沒寫代碼了，就這樣吧。

源碼點擊下載

最後更新：2017-04-03 07:57:14

  上一篇： 實例：Netty 處理 TCP協議數據分包問題

  下一篇： UNIX/Linux C 程序員需要掌握的七種武器