滚动视图(ScrollView)的功能与用法

     滚动视图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程序将会出现下图所示的效果:

 

 

  

posted @ 2013-10-28 14:54  TealerProg  Views(1553)  Comments(0Edit  收藏  举报