zoukankan      html  css  js  c++  java
  • 滚动视图(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程序将会出现下图所示的效果:

     

      

  • 相关阅读:
    ibatisnet系列
    jQuery弹出层演示
    winform中datagridview的用法
    ASP.net:截取固定长度字符串显示在页面,多余部分显示为省略号
    hdu 4507 恨7不成妻(求l,r中与7不相关数字的平方和)
    hdu 2089 数位dp
    uestc 1307 统计数位之间相差不小于2的数的个数
    Spoj 2319 数位统计(0,1, 2^k1 这些数分成M份)
    zoj 3416 统计平衡数个数
    数位统计 sgu 390 <浅谈数位类问题>
  • 原文地址:https://www.cnblogs.com/wolipengbo/p/3392417.html
Copyright © 2011-2022 走看看