滚动视图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. Android ART运行时无缝替换Dalvik虚拟机的过程分析

    Android ART运行时无缝替换Dalvik虚拟机的过程分析 分类: Android2014-01-13 00:59 42722人阅读 评论(66) 收藏 举报 AndroidARTDalvikV ...

  2. js中的 AOP

    原文 :http://blog.csdn.net/notejs/article/details/8770575 面向切面的编程(AOP)还是有点意思的,可以在不修改原有代码的情况下增加新功能.有一些j ...

  3. SpringMVC文件上传报错org.apache.catalina.connector.RequestFacade cannot be cast to org.springframework.web.multipart.MultipartHttpServletRequest

    错误信息: java.lang.ClassCastException: org.apache.catalina.connector.RequestFacade cannot be cast to or ...

  4. @media max-width 与jquery宽度取值的差异

    最近写了个响应式网站,有些效果通过用jq的$(window).width()来判断屏幕宽度,当屏幕宽度小于1366时一些参数发生变化.@media中也有小于1366的判断条件,但是用起来的时候发现一个 ...

  5. HDU 4081 Qin Shi Huang's National Road System 次小生成树变种

    Qin Shi Huang's National Road System Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/3 ...

  6. 照着例子学习 protobuf-lua

    参考文章:cocos2dx使用lua和protobuf 首先得下载protobuf-gen-lua的插件,插件Git地址在此. 下载完之后进入到protoc-gen-lua\plugin这个目录,并在 ...

  7. Cantor表 1083

    题目描述 Description 现代数学的著名证明之一是Georg Cantor证明了有理数是可枚举的.他是用下面这一张表来证明这一命题的: 1/1 1/2 1/3 1/4 1/5 - 2/1 2/ ...

  8. c循环程序

    6.用双循环打印n行如下图形. * *** ***** ******* 6 7 8 #include<stdio.h> 9 int main() 10 { 11 int i=0,j=0,n ...

  9. c#之向ftp服务器传文件

    .Net提供了FtpWebRequest类,代码如下: using System; using System.Collections.Generic; using System.IO; using S ...

  10. [iOS Animation]-CALayer 图层性能

    图层性能 要更快性能,也要做对正确的事情. ——Stephen R. Covey 在第14章『图像IO』讨论如何高效地载入和显示图像,通过视图来避免可能引起动画帧率下降的性能问题.在最后一章,我们将着 ...