效果图如下:
(ps:动态图有太大了,上传不了,就给大家口述一下要实现的功能吧)
要实现的功能:当ScrollView向上滑动超过一定距离后,就渐变的出现一个置顶的按钮,当滑动距离小于我们指定的距离时,按钮又消失。
实现原理:就是监听View的onScrollChanged()方法(回调方法),获取到ScrolView滑动的距离,如果大于我们的距离,则出现置顶按钮,否则,直接隐藏,且当按钮出现点击事件,让整个ScrollView滑动到(0,0)位置即可,不废话,直接上代码
自定义的ScrollView类:GoTopScrollView.java
package com.tianti.meilishuo.customcontrol;
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.ScrollView;
import com.tianti.meilishuo.R;
public class GoTopScrollView extends ScrollView implements OnClickListener
{
private ImageView goTopBtn;
private int screenHeight;
public GoTopScrollView(Context context, AttributeSet attrs)
{
super(context, attrs);
}
public void setScrollListener(ImageView goTopBtn)
{
this.goTopBtn = goTopBtn;
this.goTopBtn.setOnClickListener(this);
}
@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt)
{
super.onScrollChanged(l, t, oldl, oldt);
/**
* 滑动距离超过500px,出现向上按钮,可以做为自定义属性
*/
if (t >= 500)
{
goTopBtn.setVisibility(View.VISIBLE);
}
else
{
goTopBtn.setVisibility(View.GONE);
}
}
@Override
public void onClick(View v)
{
if (v.getId() == R.id.iv_fragmenthome_goTop)
{
this.smoothScrollTo(0, 0);
}
}
}
只需要在主函数中调用一下
goTopScrollview.setScrollListener(iv_fragmenthome_goTop); //里面的参数就是那张小图片