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

     

      

  • 相关阅读:
    route-over VS mesh-under
    IOS算法(三)之插入排序
    GitHub学习笔记
    Python-面向对象 (二 继承)
    POJ 3518 Prime Gap(素数题)
    struts2的总体回想(ACTION、拦截器、值栈、OGNL表达式、ModelDriven方案等)
    first move advantage_百度搜索
    【绿茶书情】:《SOHO小报》和《凤…
    潘石屹的SOHO小报猝死
    ASP.NET Hashtable输出JSON格式数据
  • 原文地址:https://www.cnblogs.com/wolipengbo/p/3392417.html
Copyright © 2020-2023  润新知