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

     

      

  • 相关阅读:
    Axure RP 9 Beta 开放下载(更新激活密钥和汉化包)
    Android 解决NestedScrollView 嵌套 RecyclerView出现的卡顿,上拉刷新无效
    上周热点回顾(8.27-9.2)团队
    上周热点回顾(8.20-8.26)团队
    上周热点回顾(8.13-8.19)团队
    上周热点回顾(8.6-8.12)团队
    阿里云MVP第6期招募与博客园合作启动团队
    上周热点回顾(7.30-8.5)团队
    上周热点回顾(7.23-7.29)团队
    上周热点回顾(7.16-7.22)团队
  • 原文地址:https://www.cnblogs.com/wolipengbo/p/3392417.html
Copyright © 2011-2022 走看看