滚动视图(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程序将会出现下图所示的效果:
滚动视图(ScrollView)的功能与用法的更多相关文章
- Android零基础入门第61节:滚动视图ScrollView
原文:Android零基础入门第61节:滚动视图ScrollView 前面几期学习了ProgressBar系列组件.ViewAnimator系列组件.Picker系列组件和时间日期系列组件,接下来几期 ...
- Android 自学之滚动视图ScrollView
滚动视图ScrollView由FarmeLayout派生而出,他就是一个用于为普通组件添加垂直滚动条的组件:ScrollView里面最多包含一个组件,而ScrollView的作用就是为该组件添加一个垂 ...
- Android——滚动视图(ScrollView)图片视图(ImageView)、状态开关按钮(ToggleButton)、时钟
xml <?xml version="1.0" encoding="utf-8"?> <!--滚动视图--> <ScrollVie ...
- Xamarin.Forms的滚动视图ScrollView
Xamarin.Forms的滚动视图ScrollView 在Xamarin.Forms中,滚动视图ScrollView用来实现长内容的滚动显示.虽然ScrollView的Content属性只能设置 ...
- 制作滚动视图(ScrollView)
怎样判断是否应当使用滚动视图 所谓的滚动视图,是指一个可以滑动的视窗,视窗大小和位置固定不变,视窗内的内容用户可以通过手指滑动或者拖动滚动天来进行滚动浏览. 滚动视图的目的是为了解决同类内容过多,一个 ...
- Swift - 滚动视图(UIScrollView)的用法
1,当图片尺寸超过屏幕时,使用UIScrollView可以实现滚动条视图,即手指触摸滚动屏幕方便浏览整个页面. 1 2 3 4 5 6 var scrollView=UIScrollView() sc ...
- ReactNative: 使用滚动视图ScrollView组件
一.简介 当页面内容的非常多时,即使换行后仍然无法充分显示,此时最好的解决办法就是让页面可以滚动显示.在React-Native中,提供了可供滚动的视图组件ScrollView组件.它的属性和方法以及 ...
- 安卓之滚动视图ScrollView
(1)垂直方向滚动时,layout_width要设置为match_parent,layout_height要设置为wrap_content (2)水平方向滚动时,layout_width要设置为wra ...
- 画廊视图(Gallery)的功能和用法
Gallery与Spinner组件有共同的父类:AbsSpinner,表明Gallery和Spinner都是一个列表框.它们之间的区别在于Spinner显示的是一个垂直的列表选择框吗,而Gallery ...
随机推荐
- GridView的RowCreated与RowDataBound事件区别
在西门子面试时,项目负责人除了道试题关于RowCreated与RowDataBound事件区别,经过google一下,得出结果: GridView的RowCreated与RowDataBound的一个 ...
- char*赋值在常量区,不可以修改
char*赋值在常量区,不可以修改,要想修改,用数组. char* = "abc";*(pCh+1) = 'k';//编译正常,运行报错. char pCh[] = "a ...
- VS2005混合编译ARM汇编代码-转
原文地址:http://blog.csdn.net/annelcf/article/details/5468093 公司HW team有人希望可以给他们写一个在WinCE上,单独读写DDR的工具,以方 ...
- 项目发布到Tomcat8中报错 “Resource is out of sync..."
在eclipse中搜索时,搜索完之后有时候会弹出错误对话框,错误摘录如下:Resource is out of sync with the file system...... 分析:有时候因为时间紧迫 ...
- FCKeditor文字编辑器
FCKeditor文字编辑器的js调用1.需要fckeditor包 下载地址 http://dl.pconline.com.cn/html_2/1/776/id=48351&pn=0.html ...
- Paragraph 对象'代表所选内容、范围或文档中的一个段落。Paragraph 对象是 Paragraphs 集合的一个成员。Paragraphs 集合包含所选内容、范围或文档中的所有段落。
Paragraph 对象'代表所选内容.范围或文档中的一个段落.Paragraph 对象是 Paragraphs 集合的一个成员.Paragraphs 集合包含所选内容.范围或文档中的所有段落. 方法 ...
- DEDECMS整站复制
1. 登录你的网站(织梦系统DedeCMS)后台,到“系统”–“系统设置”–“数据库备份/还原”,点击“数据备份选择”下面的“提交”: 2.拷贝备份的数据库文件到根目录/data/backupdata ...
- [iOS]C语言技术视频-06-程序循环结构(for{})
下载地址: 链接: http://pan.baidu.com/s/1dD11Zwt 密码: rke9
- 使用node-livereload自动刷新页面
1. 安装node 2. 安装python 3. 安装connect, serve-static和node-livereload (以下都假设命令行当前目录为e:\WebSite) e:\WebSit ...
- VS2010与SVN
http://blog.sina.com.cn/s/blog_4fe44775010182yl.html 在VS2010中使用SVN,必须先安装SVN的客户端,再安装VisualSVN(SVN的插件) ...