效果圖如下:
(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); //里面的參數就是那張小圖片