ScrollView滚动效果

ALDRIDGE 2011-09-29

ScrollView也是一个Layout布局，可以让它内部的数据显示不下的时候出现滚动条，要注意的是不能在ScrollView中放多个组件，如果放了多个组件，会出现如下错误：ERROR/AndroidRuntime(271): Caused by: java.lang.IllegalStateException: ScrollView can host only one direct child （ScrollView只能包裹一个直接子元素）

我们看一个例子：

<?xml version="1.0" encoding="utf-8"?>

<ScrollView android:id="@+id/ScrollView01"

android:layout_width="wrap_content"android:layout_height="wrap_content"

xmlns:android="http://schemas.android.com/apk/res/android">

<TableLayoutandroid:id="@+id/TableLayout01"

android:layout_width="fill_parent"android:layout_height="fill_parent"

android:stretchColumns="0" xmlns:android="

android:layout_span="2"android:layout_gravity="center"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#ff00ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#ff00ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#ee00ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#ee00ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#dd00ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#dd00ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#cc00ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#cc00ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#bb00ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#bb00ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#aa00ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#aa00ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#9900ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#9900ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#8800ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#8800ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#7700ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#7700ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#6600ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#6600ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#5500ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#5500ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#4400ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#4400ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#3300ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#3300ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#2200ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#2200ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#1100ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#1100ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TableRow android:layout_width="fill_parent"

android:layout_height="30dip">

<TextViewandroid:background="#0000ff00"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextViewandroid:text="#0000ff00"android:background="#000"

android:textSize="30dip"android:textColor="#fff"

android:layout_width="fill_parent"android:layout_height="fill_parent">

<TextView android:text="色彩透明度测试" android:textSize="18dip"

android:gravity="center_horizontal"android:layout_width="fill_parent"

android:layout_height="wrap_content">

</TableLayout> </ScrollView>

例子的显示效果：

向下滚屏后的截图：

: ALDRIDGE

相关推荐

1.2_视图容器_ScrollView

<template> <view> <view> 纵向滚动 </view> <view class="v1"> <scroll-view scroll-y=

JayFighting 0喜欢 / 0评论 2020-06-04

方便实用的下拉刷新控件，支持ScrollView、AbsListView

最近要做一个下拉刷新的功能，网上找了很多例子，也看了一些开源的下拉刷新项目，但是小例子比较简单，效果和稳定性都差强人意，而开源的项目又太庞大，看起来耗时费劲，所以只好综合一下各处的代码掌握其原理，自己实现一套下拉刷新功能。

XDgaozhan 0喜欢 / 0评论 2013-07-10

Android开发：ScrollView嵌套GridView的解决办法

前些日子在开发中用到了需要ScrollView嵌套GridView的情况，由于这两款控件都自带滚动条，当他们碰到一起的时候便会出问题，即GridView会显示不全。该自定义控件只是重写了GridView的onMeasure方法，使其不会出现滚动条，Scro

luoj 0喜欢 / 0评论 2011-08-17

【转】Android 控制ScrollView滚动到底部

在开发中，我们经常需要更新列表，并将列表拉倒最底部，比如发表微博，聊天界面等等,需要注意的是，该方法不能直接被调用因为Android很多函数都是基于消息队列来同步，所以需要一部操作，addView完之后，不等于马上就会显示，而是在队列中等待处理，虽然很快，

AndroidGA 0喜欢 / 0评论 2015-03-22

Android 下拉刷新控件之ScrollView版本实现

然后下面一哥们索要demo，顺便写了下，也顺便也说明下ScrollView版本的下拉和资源下载地址。一般在我们应用里对于多条数据适配基本都用ListView，因此也没怎么注意过ScrollView。具体下载目录在 /2012年资料/2月/3日/Androi

fuzhangandroid 0喜欢 / 0评论 2012-02-03

Android开发高级组件--ScrollView（滚动视图组件）

3、ScrollView组件可以在代码中进行设置，也可以在XML布局文件中进行设置，其使用形式与布局管理器的操作形式类似，不同点在于布局管理器中可以包含多个组件，而滚动视图里面只能有一个组件，在这个组件里面可以容纳多余屏幕高度的组件。

PiYuqing 0喜欢 / 0评论 2016-12-26

android进阶-----解决scrollview嵌套listview的问题

在android开发中，经常会碰到在ScrollView中嵌套ListView的界面的开发，在ScrollView中嵌套ListView会带来几个问题，经过反复的实践，总结出完美解决的办法如下：

zzqLivecn 0喜欢 / 0评论 2016-08-15

怎么判断android中ScrollView滑动到了最底部?

getScrollY()表示得到y轴的滚动距离，getScrollY()达到最大时加上scrollView的高度就的就等于它内容的高度了.

RickyLee 0喜欢 / 0评论 2015-07-26

【转】Android 控制ScrollView滚动到底部

在开发中，我们经常需要更新列表，并将列表拉倒最底部，比如发表微博，聊天界面等等,需要注意的是，该方法不能直接被调用因为Android很多函数都是基于消息队列来同步，所以需要一部操作，addView完之后，不等于马上就会显示，而是在队列中等待处理，虽然很快，

superxlcr 0喜欢 / 0评论 2015-03-22

android scrollview内实现图片的手势缩放

图片是一张长图，在scrollview内上下滑动图片的同时，增加了对图片的手势放大或缩小的操作。之前将手势缩放的布局放在scrollview内总是会发生手势冲突，这个不会，可以找张图片试试。public class Touch extends Activi

ZhongGuanGuan 0喜欢 / 0评论 2014-10-31

自定义GridView以解决ScrollView嵌套Android自身GridView出现的疑难问题

Android开发中偶尔会遇到ScrollView嵌套GridView情景，但是谷歌官网是不推荐这种方式的，因为他们都有滚动条，嵌套使用会有冲突，无奈只能另谋他路，自定义个仿GridView的控件。* 一个没有滚动条的LinearLayout，但是却很像G

yarkey0 0喜欢 / 0评论 2014-10-22

android中关于scrollview内部组件android:layout_height="fill_parent"无效的解决办法

今天在调整布局时遇到一个奇怪的问题,在scrollview下加入的组件无论如何也不能自动扩展到屏幕高度,最后对布局文件进行简化,最终得到最简layout配置内容如下:. 　很明显,scrollview(蓝色)已经扩展到最大高度了,但是其内部的linearl

翟浩浩Android 0喜欢 / 0评论 2014-02-24

ScrollView scrollTo 的使用动画效果

今天用到了ScrollView scrollTo方法发现还是有一些地方需要注意它是瞬间完成的，这里使用了一些方法实现慢慢移动的动画效果，所以记录一下。打开程序会计算第一个Textview的高度这里使用了ViewTreeObserver来得到view

OuNuo0 0喜欢 / 0评论 2013-08-05

方便实用的下拉刷新控件，支持ScrollView、AbsListView

最近要做一个下拉刷新的功能，网上找了很多例子，也看了一些开源的下拉刷新项目，但是小例子比较简单，效果和稳定性都差强人意，而开源的项目又太庞大，看起来耗时费劲，所以只好综合一下各处的代码掌握其原理，自己实现一套下拉刷新功能。

PrisonJoker 0喜欢 / 0评论 2013-07-10

探索Android 侧边栏开发的方法

觉得这个效果比较炫，所以研究了一下实现的方法。关于滑动，实现的思路大概有两种，一种是利用ScrollView的滑动效果来做，另外一种就是直接使用Animation来作了。难点来了，这样的要求在layout文件中是定义不出来的。这里我们选择动态的生成这两个

zmmzmm 0喜欢 / 0评论 2013-01-25

ScrollView嵌套GridView的解决办法

前些日子在开发中用到了需要ScrollView嵌套GridView的情况，由于这两款控件都自带滚动条，当他们碰到一起的时候便会出问题，即GridView会显示不全。该自定义控件只是重写了GridView的onMeasure方法，使其不会出现滚动条，Scro

fanjunjian 0喜欢 / 0评论 2012-10-18

Android开发ScrollView上下左右滑动事件冲突整理一（根据事件）

// What fraction (1/x) of the screen the user must swipe to indicate a page change. * Velocity of a swipe to force a swipe to t

housezhu 0喜欢 / 0评论 2012-10-15

横向纵向结合的ScrollView

-- 嵌套在中间的其他的一些组件（ScrollView只能嵌套一个子对象！

TongsengsBlog 0喜欢 / 0评论 2012-05-08

解决ScrollView和ListView冲突问题

今天项目中需要在ScrollView中嵌套ListView来布局，但是这种布局是Google不提倡的，因为在滚动布局中嵌套一个滚动布局时，会出现外层的滚动布局吃掉内层滚动布局的滚动事件，这样的结果是会出现两种问题：。解决办法是参考网上各位大侠的代码而来，本

yuyu00 0喜欢 / 0评论 2012-05-07

Android布局中ScrollView与ListView的冲突

解决的办法有2个：

Mexican 0喜欢 / 0评论 2012-05-07

android 入门 ScrollView

import android.os.Bundle;import android.view.View;private Button btn ;protected void onCreate(Bundle savedInstanceState). super.

doomvsjing 0喜欢 / 0评论 2012-05-07

保持在底部的按钮栏，上面是滚动的ScrollView---转

<?xmlversion="1.0"encoding="utf-8"?>. <LinearLayout. android:id="@+id/buttonLayout". <

blueskyhk 0喜欢 / 0评论 2012-04-17

ios开发scrollView中contentSize、contentInset和contentOffset区别

contentSize是scrollview可以滚动的区域，比如frame=contentSize=，代表你的scrollview可以上下滚动，滚动区域为frame大小的两倍。contentOffset是scrollview当前显示区域顶点相对于frame

酒鬼 0喜欢 / 0评论 2012-03-16

ScrollView不能包含多个子项，ScrollView can host only one direct child

ScrollView仅支持一个子项。

wuleihenbang 0喜欢 / 0评论 2012-03-06

android 滚动视图（ScrollView）学习与应用

<?xml version="1.0" encoding="utf-8"?>. </LinearLayout>package com.scrollview;import android.os.

huzhenv 0喜欢 / 0评论 2012-02-12

ScrollView文字竖直滚动

这几天研究了下文字的竖直滚动，是用ScrollView实现的，按下“启动”按钮，开始滚动，按下停止“按钮”，停止滚动

magic00 0喜欢 / 0评论 2012-02-09

解决ViewFlipper与ScrollView滑动响应事件拦截的问题

最近在做一个简单的展示界面时，遇到了一个比较棘手的问题。由于要展示多项内容，所以使用ViewFlipper作为水平滑动容器；而每项内容中由于许多文本较长，因此需要使用ScrollView作为垂直滑动容器。基本的界面布局大致如下：

moira 0喜欢 / 0评论 2011-12-15

ScrollView中添加ListView

<TextView android:id="@+id/text" android:text="列表如下："

Mexican 0喜欢 / 0评论 2011-11-21

给你的view 加个滚动条

</ScrollView>这样子就可以加进去了，不过scrollview里面只可以有一个view

zengdaquan00 0喜欢 / 0评论 2011-11-12

ScrollView嵌套GridView的解决办法

前些日子在开发中用到了需要ScrollView嵌套GridView的情况，由于这两款控件都自带滚动条，当他们碰到一起的时候便会出问题，即GridView会显示不全。该自定义控件只是重写了GridView的onMeasure方法，使其不会出现滚动条，Scro

Mango 0喜欢 / 0评论 2011-09-16

android 笔记 --- 让Android的输入框与文本框带滚动条ScrollView

我们都知道EditText与TextView是Android的文本输入框和文本显示框，但是基于手机屏幕的大小因素，如果在需要输入较多文字或者显示较多内容的时候，手机屏幕是远远不够的，因此让文本框具有滚动条的功能是手机上必备的，下面ATAAW.COM来介绍下

huningjun 0喜欢 / 0评论 2011-05-23

android 页面显示不下时怎么办？

页面显示不下，当然就要用滚动条了！！！</ScrollView>不管是什么显示不下，只要镶嵌在ScrollView控件中即可。比如layout啦，textview啦，都OK。

xz0mzq 0喜欢 / 0评论 2011-03-26

ScrollView下放置button

最近做项目时遇到了这个问题，想要在ScrollView之后显示元素，无论怎么调整Layout的布局，此元素总是无法正确显示——不是跟在ScrollView最下面，就是干脆不显示；着实让人头痛。依靠万能的Google总是能够得到些许启发。终于让偶找到了类似的

齐北的小村 0喜欢 / 0评论 2011-03-21

Android实现两个ScrollView互相联动，同步滚动

最近在做一个项目，用到了两个ScrollView互相联动的效果，简单来说联动效果意思就是滑动其中的一个ScrollView另一个ScrollView也一同跟着滑动，要做到一起同步滑动。感觉在以后的项目开发中大家可能也会用到，绝对做个Demo分享出来，供大家

langwang 0喜欢 / 0评论 2015-08-12

Android 中 ScrollView滚动不到最底端的解决方法

在用ScrollView包裹TextView时发现。

老菜鸟自习室 0喜欢 / 0评论 2013-11-01

iOS ScrollView 下拉放大升级带上下拉刷新

}下拉刷新的实现是在下拉刷的新阀值detal小于下拉放大阀值alpha的基础上进行的，接下来就初始化下拉刷新的变量了。_decelerating && -offsetY > 1.9 * _zoomHeight) {

MAGI的专栏 0喜欢 / 0评论 2018-05-18

Android带有粘性头部的ScrollView

前言，一天在点外卖的时候，注意到饿了么列表页的滑动效果不错，但是觉得其中的手势滑动还是挺复杂的，正好又碰到了在熟悉Touch事件的理解当中，所以就抽空对着饿了么的列表页面尝试写写这个效果

MAGI的专栏 0喜欢 / 0评论 2018-01-29

实现一个带下拉弹簧动画的 ScrollView

在刚推出的 Support Library 25.3.0 里面新增了一个叫 SpringAnimation 的动画，也就是弹簧动画。要是用它来做一个滑动控件下拉回弹的效果，应该不错吧。v - 要执行动画的控件property - 动画的性质，可以选择平移、

动画無国籍 0喜欢 / 0评论 2017-12-13

无限轮播图片的实现原理

用UIScrollView实现，在scrollView上添加3个UIImageView，分别用来显示上一张图片，当前显示的图片，下一张图片。scrollView在不滑动的时候永远显示当前图片即contentOffset ＝ CGPointMake，在滑动的

BAT 批处理程序 0喜欢 / 0评论 2017-07-10

React Native之 ScrollView介绍和使用

前言学习本系列内容需要具备一定 HTML 开发基础，没有基础的朋友可以先转至 HTML快速入门(一) 学习。本人接触 React Native 时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批

手机开发 0喜欢 / 0评论 2016-11-08