Android ScrollView allows us to create a scrollable layout on the android screen.

Android ScrollView允许我们在android屏幕上创建可滚动的布局。

Android ScrollView (Android ScrollView)

ScrollView is a special type of FrameLayout that allows users to scroll through a list of views. It is useful when the layout occupies more space than the physical display. The ScrollView can contain only one child view or ViewGroup, which normally is a LinearLayout.

ScrollView是FrameLayout的一种特殊类型，它允许用户滚动视图列表。 当布局所占空间大于物理显示器时，此功能很有用。 ScrollView只能包含一个子视图或ViewGroup ，通常为LinearLayout 。

Note: Do not use a ListView together with the ScrollView. The ListView is designed to display a list of related information and is optimized for dealing with large lists. Also, ListView contains built-in scrolling capabilities.

注意 ：请勿将ListView与ScrollView一起使用。 ListView旨在显示相关信息的列表，并已针对处理大型列表进行了优化。 另外，ListView包含内置的滚动功能。

1. ScrollView only supports vertical scrolling. We have to use HorizontalScrollView for horizontal scrolling.ScrollView仅支持垂直滚动。 我们必须使用HorizontalScrollView进行水平滚动。
2. The android:fillViewport property defines whether the scrollview should stretch its content to fill the viewport.android:fillViewport属性定义了scrollview是否应拉伸其内容以填充视口。

ScrollView XML布局 (ScrollView XML Layout)

<?xml version="1.0" encoding="utf-8"?>
<ScrollViewandroid:id="@+id/widget54"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="https://schemas.android.com/apk/res/android"><LinearLayoutandroid:layout_width="310px"android:layout_height="wrap_content"android:orientation="vertical"><Buttonandroid:id="@+id/button1"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="Back"/><Buttonandroid:id="@+id/button2"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="Button 1"/><Buttonandroid:id="@+id/button3"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="Button 2"/><TextViewandroid:text="This textView is placed inside a LinearLayout which is a child ViewGroup contained in a ScrollView"android:layout_width="fill_parent"android:textSize="18sp"android:layout_height="750px"/><Buttonandroid:id="@+id/button4"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="Button 3"/><Buttonandroid:id="@+id/button5"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="Button 4"/></LinearLayout>
</ScrollView>

We have explicitly assigned a larger size of the layout_height of the TextView so that ScrollView comes into use.

我们已明确分配了较大的TextView的layout_height大小，以便使用ScrollView。

Android ScrollView示例项目 (Android ScrollView Example Project)

This project consists of two Activities: MainActivity and SecondActivity.

该项目包括两个活动： MainActivity和SecondActivity 。

The MainActivity displays the TableLayout.

MainActivity显示TableLayout。

package com.journaldev.layoutspartthree;import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;public class MainActivity extends Activity {Button next;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.layout_table);next=(Button)findViewById(R.id.next);next.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Intent intent = new Intent(MainActivity.this, SecondActivity.class);startActivity(intent);}});}@Overridepublic void onBackPressed() {finish();}
}

The SecondActivity.java contains the ScrollView with a LinearLayout inside it.

SecondActivity.java包含内部带有LinearLayout的ScrollView。

package com.journaldev.layoutspartthree;import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;public class SecondActivity extends Activity {Button back;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.layout_scroll);back.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Intent intent= new Intent(SecondActivity.this,MainActivity.class);startActivity(intent);}});}
}

Output:

输出：

In the above image, the individual columns in all the three rows are highlighted.

在上图中，所有三行中的各个列都突出显示。

The vertical scrollbars are visible on the right side of the screen.

垂直滚动条在屏幕右侧可见。

Reference: ScrollView Official Doc

参考： ScrollView官方文档

翻译自: https://www.journaldev.com/9531/android-scrollview