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

     

      

  • 相关阅读:
    拉钩爬取部分重写
    树莓派yolov3 测试训练结果时出现段错误或总线错误解决方法
    服务注册与发现【Eureka】- Eureka自我保护
    服务注册与发现【Eureka】- 服务发现Discovery
    服务注册与发现【Eureka】- 集群Eureka构建步骤
    服务注册与发现【Eureka】- 单机Eureka构建步骤
    服务注册与发现【Eureka】- Eureka简介
    SpringCloud正式开发前 -- 基础项目框架搭建
    服务注册与发现【Zookeeper】
    【校招】【内推】【阿里云】 ECS、神龙计算平台招聘|【经验分享】
  • 原文地址:https://www.cnblogs.com/wolipengbo/p/3392417.html
Copyright © 2011-2022 走看看