作者：夏至  欢迎转载，也请保留这段申明，谢谢

    有没有发现，我们以前的学习都是用在一个手机屏幕框里的，没有上下滑动的？如果我们增加内容好像会被覆盖？没错，这次我们就来解决这个问题，让你像浏览网页一样，刷刷刷。。。。

    

    

    

 

    

    

   

    

    

    

当然，我们还要增加两个按键，一个

返回顶部，一个

跳到底部。这样是不是就像网页一样了。这里的布局，我们要说一下，因为linearlayout是包裹在scrollview里面的。这点要注意一下。

1. <?xml version="1.0" encoding="utf-8"?>
2. <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:id="@+id/scrollView">
7. <LinearLayout
8. android:layout_width="match_parent"
9. android:layout_height="match_parent"
10. android:orientation="vertical" >
11. <Button
12. android:id="@+id/bottom"
13. android:layout_width="match_parent"
14. android:layout_height="wrap_content"
15. android:textSize="24sp"
16. android:text="跳到底部"
17. />
18. <TextView
19. android:layout_width="match_parent"
20. android:layout_height="wrap_content"
21. android:text="实现翻滚效果"
22. android:textSize="24sp"
23. />
24. <ImageView
25. android:layout_width="wrap_content"
26. android:layout_height="wrap_content"
28. android:src="@drawable/image1"
29. />
30. <ImageView
31. android:layout_width="wrap_content"
32. android:layout_height="wrap_content"
33. android:scaleType="fitCenter"
34. android:src="@drawable/image2"
35. />
36. <ImageView
37. android:layout_width="wrap_content"
38. android:layout_height="wrap_content"
39. android:scaleType="fitCenter"
40. android:src="@drawable/shaorui"
41. />
42. <ImageView
43. android:layout_width="wrap_content"
44. android:layout_height="wrap_content"
45. android:scaleType="fitCenter"
46. android:src="@drawable/start"
47. />
48. <ImageView
49. android:layout_width="wrap_content"
50. android:layout_height="wrap_content"
51. android:scaleType="fitCenter"
52. android:src="@drawable/stop"
53. />
55. <Button
56. android:id="@+id/top"
57. android:layout_width="match_parent"
58. android:layout_height="wrap_content"
59. android:textSize="24sp"
60. android:text="回到顶部"
61. />
63. </LinearLayout>
66. </ScrollView>

如果用eclipse的话，可以新建一个xml文件，让它是scrollview即可，如果是studio的话，就老老实实的写吧。

好，接下来就是写主活动的程序了。这里的scrollview有连个方法可用。

我们可以直接利用ScrollView给我们提供的:fullScroll()方法：

    ·scrollView.fullScroll(ScrollView.FOCUS_DOWN);滚动到底部

    ·scrollView.fullScroll(ScrollView.FOCUS_UP);滚动到顶部

1. public class MainActivity extends AppCompatActivity implements View.OnClickListener {
2. private ScrollView scrollView;
3. @Override
4. protected void onCreate(Bundle savedInstanceState) {
5. super.onCreate(savedInstanceState);
6. setContentView(R.layout.linearlayout);
8. Button top = (Button) findViewById(R.id.top);
9. Button bottom = (Button) findViewById(R.id.bottom);
10. scrollView = (ScrollView) findViewById(R.id.scrollView);
11. top.setOnClickListener(this);
12. bottom.setOnClickListener(this);
13. }
15. @Override
16. public void onClick(View v) {
17. switch (v.getId()) {
18. case R.id.top:
19. scrollView.fullScroll(ScrollView.FOCUS_UP);
20. break;
21. case R.id.bottom:
22. scrollView.fullScroll(ScrollView.FOCUS_DOWN);
23. break;
24. }
25. }

快去实践一下吧。

这里再扩充一下水平方向的。HorizontalScrollView，再把linearlayout 的方向改成水平，其他的都不变.

1. <HorizontalScrollView
2.     xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="wrap_content"
5.     android:id="@+id/scrollView">
7. <LinearLayout
8.     android:layout_width="match_parent"
9.     android:layout_height="match_parent"
10.     android:orientation="horizontal" >
11. .....

当然了，MainActivity那里我们也要修改一下。就是把ScrollView 全部替换 HorizontalScrollView 即可。

效果如图：

1. public class MainActivity extends AppCompatActivity implements View.OnClickListener {
2. private HorizontalScrollView horizontalScrollView;
3. @Override
4. protected void onCreate(Bundle savedInstanceState) {
5. super.onCreate(savedInstanceState);
6. setContentView(R.layout.linearlayout);
8. Button top = (Button) findViewById(R.id.top);
9. Button bottom = (Button) findViewById(R.id.bottom);
10. horizontalScrollView = (HorizontalScrollView) findViewById(R.id.scrollView);
11. top.setOnClickListener(this);
12. bottom.setOnClickListener(this);
13. }
15. @Override
16. public void onClick(View v) {
17. switch (v.getId()) {
18. case R.id.top:
19. horizontalScrollView.fullScroll(HorizontalScrollView.FOCUS_UP);
20. break;
21. case R.id.bottom:
22. horizontalScrollView.fullScroll(HorizontalScrollView.FOCUS_DOWN);
23. break;
24. }
25. }

    

效果丑到杠杠的，自行修改布局把。

如有错误，欢迎指出，如果喜欢，欢迎收藏！