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

滚动视图(ScrollView)的功能与用法的更多相关文章

  1. Android零基础入门第61节:滚动视图ScrollView

    原文:Android零基础入门第61节:滚动视图ScrollView 前面几期学习了ProgressBar系列组件.ViewAnimator系列组件.Picker系列组件和时间日期系列组件,接下来几期 ...

  2. Android 自学之滚动视图ScrollView

    滚动视图ScrollView由FarmeLayout派生而出,他就是一个用于为普通组件添加垂直滚动条的组件:ScrollView里面最多包含一个组件,而ScrollView的作用就是为该组件添加一个垂 ...

  3. Android——滚动视图(ScrollView)图片视图(ImageView)、状态开关按钮(ToggleButton)、时钟

    xml <?xml version="1.0" encoding="utf-8"?> <!--滚动视图--> <ScrollVie ...

  4. Xamarin.Forms的滚动视图ScrollView

    Xamarin.Forms的滚动视图ScrollView   在Xamarin.Forms中,滚动视图ScrollView用来实现长内容的滚动显示.虽然ScrollView的Content属性只能设置 ...

  5. 制作滚动视图(ScrollView)

    怎样判断是否应当使用滚动视图 所谓的滚动视图,是指一个可以滑动的视窗,视窗大小和位置固定不变,视窗内的内容用户可以通过手指滑动或者拖动滚动天来进行滚动浏览. 滚动视图的目的是为了解决同类内容过多,一个 ...

  6. Swift - 滚动视图(UIScrollView)的用法

    1,当图片尺寸超过屏幕时,使用UIScrollView可以实现滚动条视图,即手指触摸滚动屏幕方便浏览整个页面. 1 2 3 4 5 6 var scrollView=UIScrollView() sc ...

  7. ReactNative: 使用滚动视图ScrollView组件

    一.简介 当页面内容的非常多时,即使换行后仍然无法充分显示,此时最好的解决办法就是让页面可以滚动显示.在React-Native中,提供了可供滚动的视图组件ScrollView组件.它的属性和方法以及 ...

  8. 安卓之滚动视图ScrollView

    (1)垂直方向滚动时,layout_width要设置为match_parent,layout_height要设置为wrap_content (2)水平方向滚动时,layout_width要设置为wra ...

  9. 画廊视图(Gallery)的功能和用法

    Gallery与Spinner组件有共同的父类:AbsSpinner,表明Gallery和Spinner都是一个列表框.它们之间的区别在于Spinner显示的是一个垂直的列表选择框吗,而Gallery ...

随机推荐

  1. clearsSelectionOnViewWillAppear

    @property (nonatomic) BOOL clearsSelectionOnViewWillAppear NS_AVAILABLE_IOS(3_2); // defaults to YES ...

  2. (简单) CF 44D Hyperdrive,数学。

    In a far away galaxy there are n inhabited planets, numbered with numbers from 1 to n. They are loca ...

  3. hibernate--一对多 多对一 双向关联 (重点!!!)

    一方 group: package com.bjsxt.hibernate; import java.util.HashSet; import java.util.Set; import javax. ...

  4. Lua学习系列(四)

    lua 资源:http://www.dcc.ufrj.br/~fabiom/lua/ 第一个Lua程序 http://www.dcc.ufrj.br/~fabiom/lua/ 原文:https://w ...

  5. JMS连接WMQ及收发消息

    因为对JMS的了解也只算入门级,有些概念也很模糊,不过,卤煮会尽可能去介绍的.另外,sample code都调试过可以跑. 1.神马是JMS? jms即Java消息服务(Java Message Se ...

  6. CentOS 5.8 x64 安装TomCat

    简单记录一下...虽然安装很简单... 首先下载配置安装 jdk http://www.oracle.com/technetwork/java/javase/downloads/jdk-6u25-do ...

  7. java类固定值代替基表写法

    package cn.com.mcd.enumeration; public enum AuditStatusEnum { NOTAUDIT("0", "未审核" ...

  8. 14、手把手教你Extjs5(十四)模块字段和Grid列的定义[2]

    model和columns生成好了,下面要修改一下Module.js和Grid.js中的代码,使其能够协同工作. /** * 一个模块的主控界面的容器,用来安放各个模块控件以及协调他们之间的关系 */ ...

  9. 现在开始使用 ES6

    ECMAScript已经在2015年6月正式发布了,这门语言一直保持稳定快速的发展而且新功能也在慢慢被现在主流的 JavaScript 引擎所接受.不过要想在浏览器端或者 Node 端直接运行 ES6 ...

  10. salt自动化部署

    1. 到编译机器编译 /export/Deploy/vm-agent 执行脚本 ./vm-agent.sh develop -alpha 2.检查rpm包是否打包成功 http://172.18.13 ...