分为两种:
- 垂直滚动视图:
ScrollView
- 水平滚动视图:
HorizontalScrollView
注意:
- 垂直方向滚动时,
layout_height
设置为wrap_content
。 - 水平方向滚动时,
layout_width
设置为wrap_content
。 - 滚动视图节点下只能有且仅有一个布局节点。
demo:
代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".widget.scroll_view.ScrollViewDemoActivity">
<!-- 水平方向的scrollView -->
<HorizontalScrollView
android:layout_width="wrap_content"
android:layout_height="200dp"
android:background="@color/yellow">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/red"
android:text="肚子大大像皮球肚子大大像皮球肚子大大像皮球" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="哈哈哈哈哈哈哈哈哈哈" />
</LinearLayout>
</HorizontalScrollView>
<!-- 垂直方向的scrollView -->
<ScrollView
android:layout_width="220dp"
android:layout_height="wrap_content"
android:background="@color/orange">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="300dp"
android:background="@color/red"
android:text="肚子大大像皮球肚子大大像皮球肚子大大像皮球" />
<TextView
android:layout_width="wrap_content"
android:layout_height="300dp"
android:background="@color/green"
android:text="哈哈哈哈哈哈哈哈哈哈" />
</LinearLayout>
</ScrollView>
</LinearLayout>