【滚动动画】ScrollView动画效果

最新推荐文章于 2026-05-10 07:53:55 发布

原创最新推荐文章于 2026-05-10 07:53:55 发布 · 1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

android 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了ScrollView的垂直滚动视图以及HorizontalScrollView的使用，详细讲解了如何隐藏滚动条、设置文本内容以及监听滑动事件。同时，文章还探讨了scrollTo和scrollBy的区别，并给出了在实际应用中如何判断是否滑动到底部的方法，适用于需要实现滚动动画效果的开发者。

ScrollView：垂直滚动视图
HorizontalScrollView：水平滚动视图（少用）

设置textView文本内容
textView.setText(getResources().getString(R.string.content));
// content 为string目录下自定义的文本内容

隐藏滚动条：

scollbars=”none”//属性把滚动条隐藏
setVerticalScrollBarEnabled(false);//纵向滚动条隐藏
setHorizontalScrollBarEnabled(false);//横向滚动条隐藏

滑动内容的响应

@Override
public boolean onTouch(View v, MotionEvent event) {
    switch (event.getAction()) {
    case MotionEvent.ACTION_MOVE:
        if (scrollView.getChildAt(0).getMeasuredHeight()
        <= scrollView.getHeight()+scrollView.getScrollY()) {
            Log.i("tag", "滑动到底部");
            Log.i("scrollView.getChildAt(0).getMeasuredHeight()",
            ""+scrollView.getChildAt(0).getMeasuredHeight());
            Log.i("scrollView.getHeight()", ""+scrollView.getHeight());
            Log.i("scrollView.getScrollY()", ""+scrollView.getScrollY());
            text.append(getResources().getString(R.string.scorll_content));
        }
        break;

    default:
        break;
    }
    return false;
    }
});

ScrollView的监听器setOnTouchListener

第一步 在MainActivity中声明和初始化ScrollView
第二步 设置监听器setOnTouchListener
第三步 OnTouchListener中用switch语句套用getAction
第四步 switch语句里嵌套if语句判断滑动到顶部还是底部
第五步 tv.append();方法加载新的内容

ScrollView监听器使用属性说明

//监听ScrollView何时滑到底部用   setOnTouchListener()
scroll.getChildAt(0).getMeasuredHeight();//内容总高度
scroll.getHeight();//一屏幕的高度
scroll.getScrollY();//滚动条滑动的高度
scroll = (ScrollView) findViewById(R.id.scroll);
scroll.setOnTouchListener(new OnTouchListener(){......

getScrollY()————滚动条滑动的距离
getMeasuredHeight：需要滑动内容实际长度。
getHeight：整个页面的长度（高度）。
公式：活动到底部：getMeasuredHeight()<=getHeight()+scroll.getScrollY();

getMeasureedHeight和getHeight的区别
当视图未占满一个屏幕时,它们两者是相等的.
当视图超过一个屏幕时
getMeasureedHeight 包括隐藏的部分的长度和显示出来的长度
getHeight 仅仅是显示出来的长度.

控制ScrollView的位置
第一步：在主布局文件中添加两个按钮，控制上下拉动滚动条并在主活动中初始化
第二步：主活动实现OnClickListener接口
第三步：通过onClick方法，在其中使用switch方法，设置上下拉case.

注意：scrollTo与scrollBy的区别:参考系不同，前者，以滚动视图起始位置开始计算，后者以相对前一次的位置去滚动相应的距离

应用：记录上次退出时位置数据，下次登入时通过传值给ScrollTo，或ScrollBy复原

scrollTo和scrollBy区别（滚动的位置）
scrollTo（x，y）：以视图其实位置开始计算。（常用于记录书签，且只能滚动一次）
scrollBy（x，y）：相对上一次的位置，去滚动对应的距离

方法：
setOnTouchListener何时滑动到底部（相似下拉刷新）
getMeasuredHeight（内容总高度）与getHeight（屏幕的高度）
屏幕刚好放下所有内容时，两个相等，内容超越屏幕的话，就是getMeasuredHeight

源代码

package com.example.scrollview;

import android.app.Activity;
import android.content.DialogInterface;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.ScrollView;
import android.widget.TextView;

public class MainActivity extends Activity implements OnClickListener{

    private TextView tv;
    private ScrollView scroll;
    private Button up_btn;
    private Button down_btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        tv = (TextView) findViewById(R.id.content);
        up_btn= (Button) findViewById(R.id.up);
        down_btn= (Button) findViewById(R.id.down);

        up_btn.setOnClickListener(this);
        down_btn.setOnClickListener(this);

        //设置文本
        tv.setText(getResources().getString(R.string.content));
        scroll=(ScrollView) findViewById(R.id.scroll);
        //设置监听器
        scroll.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                switch (event.getAction()) {
                case MotionEvent.ACTION_MOVE://手指滑动的时候
                    /**
                     * (1)getScrolly()----滚动条滑动的距离
                     * (2)getMeasuredHeight()
                     * (3)getHeight()
                     */

                    //顶部状态
                    if(scroll.getScaleY()<=0){
                        Log.i("Main","滑动到顶部");
                    }

                    //底部状态
                    //TextView的总高度<=一屏幕的高度+滚动条的滚动距离 
                    if(scroll.getChildAt(0).getMeasuredHeight()
                            <=scroll.getHeight()+scroll.getScaleY()){
                        Log.i("Main","滑动到底部");
                        Log.i("Main","scroll.getChildAt(0).getMeasuredHeight()="
                                +scroll.getChildAt(0).getMeasuredHeight()
                                +"scroll.getHeight()="+scroll.getHeight()
                                +"scroll.getScaleY()="+scroll.getScaleY());
                        tv.append(getResources().getString(R.string.content));
                    }
                    break;
                default:
                    break;
                }
                return false;
            }
        });
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        return super.onTouchEvent(event);
    }
    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
        switch(v.getId()){
        //scrollTo：起始位置开始计算
        //scrollBy：当前位置开始计算
        case R.id.up:
            scroll.scrollBy(0, -30);
            break;
        case R.id.down:
            scroll.scrollBy(0, 30);
            break;
        }
    }
 }

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:text="UP"/>


    <Button
        android:id="@+id/down"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:text="DOWN"/>

    <ScrollView
        android:id="@+id/scroll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none" >

        <!-- 隐藏滚动条 -->

        <TextView
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </ScrollView>

</LinearLayout>