ListView（recycleView）和布局其他控件一起滑动

爱被打了一巴掌 2022-05-21 11:10 177阅读 0赞

如何让ListView及以上的布局一起滑动，

或者说，如何让整个Activity的布局都随着ListView一起滑动

就是其实很简单，不排除其他的实现方法，

但个人实现方法是使用一个特殊的ScrollView以及一个重写的ListView

重写ListView：

1.  public class UnScrollListView extends ListView\{
2.  
3.  public UnScrollListView(Context context)\{
4.  super(context);
5.  \}
6.  
7.  public UnScrollListView(Context context, AttributeSet attrs)\{
8.  super(context, attrs);
9.  \}
10. 
11. public UnScrollListView(Context context, AttributeSet attrs, int defStyleAttr)\{
12. super(context, attrs, defStyleAttr);
13. \}
14. 
15. @Override
16. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)\{
17. int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX\_VALUE >> 2,
18. MeasureSpec.AT\_MOST);
19. super.onMeasure(widthMeasureSpec, expandSpec); *//这里返回的是刚写好的* *expandSpec* 
20. 
21. \}
22. \}

重写ScrollView：

1.  class MyScrollView extends ScrollView\{
2.  
3.  OnTouchListener mGestureListener;
4.  *// 滑动距离及坐标*
5.  private float xDistance, yDistance, xLast, yLast;
6.  public MyScrollView(Context context)\{
7.  super(context);
8.  \}
9.  
10. public MyScrollView(Context context, AttributeSet attrs)\{
11. super(context, attrs);
12. \}
13. 
14. public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr)\{
15. super(context, attrs, defStyleAttr);
16. \}
17. 
18. @Override
19. public boolean onInterceptTouchEvent(MotionEvent ev)\{
20. switch (ev.getAction())\{
21. case MotionEvent.ACTION\_DOWN:
22. xDistance = yDistance = 0f;
23. xLast = ev.getX();
24. yLast = ev.getY();
25. break;
26. case MotionEvent.ACTION\_MOVE:
27. final float curX = ev.getX();
28. final float curY = ev.getY();
29. xDistance += Math.abs(curX - xLast);
30. yDistance += Math.abs(curY - yLast);
31. xLast = curX;
32. yLast = curY;
33. if(xDistance > yDistance)\{
34. return false;
35. \}
36. break;
37. 
38. \}
39. return super.onInterceptTouchEvent(ev);
40. \}
41. \}

然后在需要使用ListView的地方写上这样的布局：

将所有需要一起滚动的布局（如下面代码中的fragment，imageButton，以及刚才重写的UnScrollListView）放入一个LinerLayout或RelativeLayout中，最后放入MyScrollView中

1.  <?xml version="1.0" encoding="utf-8"?>
2.  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.  xmlns:app= "http://schemas.android.com/apk/res-auto"
4.  xmlns:tools= "http://schemas.android.com/tools"
5.  android:id= "@+id/content\_main"
6.  android:layout\_width= "match\_parent"
7.  android:layout\_height= "match\_parent"
8.  app:layout\_behavior= "@string/appbar\_scrolling\_view\_behavior"
9.  tools:context= "com.han.mobilelib.MainActivity"
10. tools:showIn= "@layout/app\_bar\_main"
11. >
12. 
13. <com.han.mobilelib.BookRecord.MyScrollView
14. android:layout\_width= "match\_parent"
15. android:layout\_height= "match\_parent"
16. android:layout\_alignParentTop= "true"
17. android:layout\_alignParentStart= "true">
18. 
19. <RelativeLayout
20. android:layout\_width= "match\_parent"
21. android:layout\_height= "match\_parent">
22. 
23. <fragment
24. android:id= "@+id/fragment\_cycle\_viewpager\_content"
25. android:name= "com.han.mobilelib.CycleImage.CycleViewPager"
26. android:layout\_width= "match\_parent"
27. android:layout\_height= "180dp"
28. />
29. <LinearLayout
30. android:layout\_width= "match\_parent"
31. android:layout\_height= "match\_parent"
32. android:layout\_below= "@+id/fragment\_cycle\_viewpager\_content"
33. android:orientation= "horizontal"
34. android:layout\_marginTop= "20dp"
35. android:layout\_marginBottom= "20dp">
36. 
37. <ImageButton
38. android:id= "@+id/imageButton1"
39. android:layout\_width= "70dp"
40. android:layout\_height= "70dp"
41. android:background= "@drawable/img\_my\_note"
42. android:layout\_gravity= "center"
43. android:layout\_marginLeft= "50dp"
44. android:scaleType= "fitCenter"
45. 
46. />
47. 
48. <ImageButton
49. android:id= "@+id/imageButton2"
50. android:layout\_width= "70dp"
51. android:layout\_height= "70dp"
52. android:background= "@drawable/img\_book"
53. android:layout\_marginLeft= "40dp"
54. android:layout\_gravity= "center"
55. android:scaleType= "centerInside"
56. 
57. 
58. />
59. 
60. <ImageButton
61. android:id= "@+id/imageButton3"
62. android:layout\_width= "70dp"
63. android:layout\_height= "70dp"
64. android:layout\_gravity= "center"
65. android:layout\_marginLeft= "40dp"
66. android:background= "@drawable/guess"
67. android:scaleType= "fitCenter" />
68. 
69. 
70. </LinearLayout>
71. 
72. 
73. <com.han.mobilelib.BookRecord.UnScrollListView
74. android:id= "@+id/usedBooksList"
75. android:layout\_width= "match\_parent"
76. android:layout\_height= "wrap\_content"
77. 
78. android:layout\_marginTop= "300dp"
79. android:background= "@color/miHuangSe"/>
80. 
81. </RelativeLayout>
82. 
83. 
84. 
85. </com.han.mobilelib.BookRecord.MyScrollView>
86. 
87. 
88. </RelativeLayout>

最后在对应的Activity中，绑定控件就可以了

1.  private UnScrollListView mListView;
2.  private MyScrollView mScrollView;
3.  mListView= (UnScrollListView) findViewById(R.id.usedBooksList);
4.  mScrollView = (MyScrollView) findViewById(R.id.scrollView);

最后还有一点就是，在打开Activity时，首先看到ListView，并不能看到其上面的布局，必须要拖上去

所以最后在上面的代码下设置一句

mListView.setFocusable(false);

ok，这样就可以了