滚动视图ScrollView由FrameLayout派生而出,它就是一个用于为普通组件添加滚动条的组件。ScrollView里最多只能包含一个组件,而ScrollVew的作用就是为该组件添加垂直滚动条。
默认情况下,ScrollView只是为其他组件添加垂直滚动条,如果应用需要添加水平滚动条,则可借助于另一个滚动视图——HorizontalScrollView来实现。ScrollView与HorizontalScrollView的功能基本相似,只是前者添加垂直滚动条,后着添加水平滚动条。
下面以一个例子来示范ScrollView、HorizontalScrollVew的用法。
实例:可垂直和水平滚动的滚动条的视图。
下面的程序通过在ScrollView里嵌套HorizontalScrollView,来为应用的界面同时添加水平滚动条、垂直滚动条。下面是该应用的界面布局文件。
<!-- 定义ScrollView为里面的组件添加垂直滚动条 --> <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <!-- 定义HorizontalScrollView,为里面的组件添加水平滚动条 --> <HorizontalScrollView android:layout_width="fill_parent" android:layout_height="wrap_content"> <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" /> </LinearLayout> </HorizontalScrollView> </ScrollView>
运行上面的Activity程序将会出现下图所示的效果: