一. 概述

ScrollView也是一个容器，它是FrameLayout的子类，它的主要作用就是将超出物理屏幕的内容显示出来，（就是滚动条效果）ScrollView提供垂直滚动，进而可将超出物理屏幕的内容显示出来。

      在一般情况下，可以将一个采用垂直方式布局组件的LinearLayout作为ScrollLayout容器的子组件，同时，在LinearLayout容器中可以显示超出屏幕物理高度的内容。

二. 练习

这么说有点抽象，然后我们现在实现完成一个调试板颜色的显示，效果如下：（可以往下滚动）

代码：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#07C2FB" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#07C2FB" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#C60426FD" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#C60426FD" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#032898" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#032898" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#021173" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#021173" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#504DAE" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#504DAE" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#3C60A6" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#3C60A6" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#282EA8" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#282EA8" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#273523" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="##5E7559" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#0E1E73" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#0E1E73" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#305BC8" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#305BC8" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#282EA8" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#282EA8" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#0B685E" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#0B685E" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#263B7E" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#263B7E" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Viewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="2"android:background="#0A7AC5" /><TextViewandroid:layout_width="0dp"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#0A7AC5" /></LinearLayout></LinearLayout></ScrollView>

      当然了ScrollView只提供了垂直滚动条，若要使用水平滚动功能，则Android提供了HorizontalScrollView容器，HorizontalScrollView容器可以提供水平滚动，它的使用方法与ScrollView类似

HorizontalScrollView：

<?xml version="1.0" encoding="utf-8"?>
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="match_parent"android:orientation="horizontal"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#2479CE" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#2479CE" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#C97A06" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#C97A06" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#68060E" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#68060E" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#271904" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#271904" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#673AB7" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#673AB7" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#1B5834" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#1B5834" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#680379" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#680379" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#043485" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#043485" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#798506" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#798506" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#B12E04" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#B12E04" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#A09006" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#A09006" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Viewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="2"android:background="#920C02" /><TextViewandroid:layout_width="200px"android:layout_height="60dp"android:layout_weight="1"android:gravity="center"android:text="#920C02" /></LinearLayout></LinearLayout></HorizontalScrollView>

 实现效果：

【Android容器组件—ScrollView】相关推荐

  1. 【Android容器组件—LinearLayout】

    一.  概述 LinearLayout是线性布局组件,放置在其中的组件按列或者按行(就是垂直或者水平)的方式排序分布. 二. 常用XML配置属性 (1) android:orientation 设置L ...

  2. 微信小程序之可滚动视图容器组件 scroll-view

    1. 纵向滚动 scroll-y 当 设置为scroll-y 时, 需要将其高度设为固定值 如果整个页面,即最外层标签为scroll-view,需要并将其高度设为100%,也需要将page设为100% ...

  3. Android Jetpack组件之Navigation使用-源码

    1.前言 最近简单看了下google推出的框架Jetpack,感觉此框架的内容可以对平时的开发有很大的帮助,也可以解决很多开发中的问题,对代码的逻辑和UI界面实现深层解耦,打造数据驱动型UI界面. A ...

  4. Android——四大组件、六大布局、五大存储

    一.android四大组件 (一)android四大组件详解 Android四大组件分别为activity.service.content provider.broadcast receiver. 1 ...

  5. 淘宝开源Android容器化框架Atlas开发者指南

    Atlas 由阿里巴巴移动团队自研,以容器化思路解决大规模团队协作问题,实现并行开发.快速迭代和动态部署,适用于 Android 4.x 以上系统版本的大小型 App 开发. 该框架于2017年3月1 ...

  6. XCoreRedux框架:Android UI组件化与Redux实践

    XCoreRedux框架:Android UI组件化与Redux实践 @author: 莫川 https://github.com/nuptboyzhb/ XCoreRedux源码+Demo:http ...

  7. Android 四大组件 与 MVC 架构模式

    作为一个刚从JAVA转过来的Android程序员总会思考android MVC是什么样的? 首先,我们必须得说Android追寻着MVC架构,那就得先说一下MVC是个啥东西! 总体而来说MVC不能说是 ...

  8. Flutter学习笔记（10）--容器组件、图片组件

    如需转载,请注明出处:Flutter学习笔记(10)--容器组件.图片组件 上一篇Flutter学习笔记(9)--组件Widget我们说到了在Flutter中一个非常重要的理念"一切皆为组件 ...

  9. android的四大组件及使用场景,Android/四大组件/Activity.md · BoraxZYF/AndroidInterview - Gitee.com...

    ## 四大组件 ## Activity ### Activity 的四种启动模式及使用场景 - standard 标准模式,Activity 的默认启动模式.每次启动一个 Activity 时都会创建 ...

最新文章

  1. 基于 Spring Cloud 的微服务架构分析
  2. Get SQL String From Query Object In Entity Framework
  3. C 和c++的一些杂想，想到哪儿写到哪儿
  4. linux的常用操作——C库函数和系统函数的关系
  5. python multiprocessing.Semaphore应用
  6. 创建者模式 --- 工厂模式
  7. 【爬虫】手把手教你写网络爬虫（1）
  8. 自然人税收管理系统服务器,【轻松学个税申报】自然人税收管理系统客户端操作...
  9. unity中单位是米还是厘米_Unity3D导入3DMax模型缩放单位问题深入分析
  10. FPGA时钟倍频，分频
  11. 阿里云华北1235、华东1、华东2和华南1分别对应哪些城市？地域节点物理数据中心在哪？...
  12. 多线程导出excel高并发_用多线程优化Excel表格数据导入校验的接口
  13. 单作用叶片泵的结构与工作原理
  14. 树莓派3B+采用花生棒进行内网穿透，从拆箱到实现SSH远程控制与sftp简单远程文件上传下载
  15. 小白安装Discuz!Q教程,学不会你过来打我！
  16. Delphi桌面精灵开发
  17. MT6762_MT6771_AF_Tuning_introduction
  18. html伪类鼠标悬停,实现鼠标悬停Tooltip效果的CSS3代码
  19. NB-IoT智能电表及远程抄表技术方案介绍
  20. HPB开发节点搭建指南

热门文章

  1. Failed to execute goal org.codehaus.mojo:exec-maven-plugin:1.6.0
  2. MindSpore单卡GPU训练竟然报NCCL的错
  3. 2019年最新攻略：公众号/小程序涨粉方法 | 附下载链接！
  4. 程序员是如何泡妹子的
  5. Python-灰度图像增强(持续更新)
  6. Unity3D入门：摄像机与光照
  7. 已解决-Office365邮箱默认的保存时长策略最长只有6个月
  8. 虚拟内存、虚拟地址空间和物理地址空间（内存管理）
  9. 我的位置定位服务器,定位我现在的位置
  10. Godot Engine：街霸隆冲击波（预告片儿）