滚动视图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. FZU Problem 2028 时空门问题(DFS+优化)

    一开始是MLE,后来想到了用vector,化二维为一维,做了这一步优化后,这就是很基础的一个广搜了 #include<iostream> #include<cstdio> #i ...

  2. 转:web_submit_data函数

    web_submit_data函数处理无状态或者上下文无关的表单提交.它用来生成表单的GET或POST请求,这些请求与Form自动生成的请求是一样的.发送这些请求时不需要表单上下文. 函数语法:Int ...

  3. 创建OpenStack外部网络并分配浮动IP

    source openrcneutron net-create ext-net --provider:network_type local --router:external Trueneutron ...

  4. 签名“未签名”apk文件命令

    在发布至360.oppo应用市场时分别遇到了需要"应用加固"和"应用认领"的情况, 流程都是需要下载一个未签名的apk文件(安装包),然后签名后再上传. 我的做 ...

  5. iOS 旋屏问题

    今天突然想起来,以前的一个问题没有解决,就上网百度了一些方法,看到一篇文章,写的很详细,我就操作试试,结果还真的实现了功能,接下来我将重复他的结合我自己的测试,说一下iOS中的旋屏问题. 1.首先配置 ...

  6. javascript 中的闭包

    在 javascript 中,函数可以当做参数传递,也可以当做返回值返回. 当一个函数内部返回值为一个函数时, 就形成了闭包.(闭包里面的 this 问题) 如下面代码 Function.protot ...

  7. clearsSelectionOnViewWillAppear

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

  8. Windows上mxnet实战深度学习:Neural Net

    前提: 假设已经在Windows上安装配置好mxnet和python语言包. 假设mxnet安装目录为D:\mxnet 假设已安装好wget 可以参考 这篇文章 打开Windows的命令提示符: 执行 ...

  9. oracle与SqlServer连接串服务器地址

    SQLSERVER数据库可在连接串中指定服务器: ORACLE在监听中指定服务器地址.

  10. tooltip 鼠标移动上去出现图片或文字与title大同小异

    代码如下: <script type="text/javascript" src="jquery-1.3.2.min.js"></script ...