UI:实现ScrollView能够下拉刷新效果

最新推荐文章于 2023-10-11 16:52:16 发布
最新推荐文章于 2023-10-11 16:52:16 发布
阅读量2.5k 收藏
点赞数
分类专栏： android UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24551315/article/details/49741067
版权
能够监听是否滑动到底部和顶部的scrollView 

package com.danale.cloud.ui.widget;
import com.danale.cloud.utils.LogUtil;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.ScrollView;
public class BottomTopScrollView extends ScrollView {

	public BottomTopScrollView(Context context, AttributeSet attrs,
			int defStyleAttr) {
		super(context, attrs, defStyleAttr);
	}

	public BottomTopScrollView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public BottomTopScrollView(Context context) {
		super(context);
	}
	
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		int childCount = getChildCount();
		
		//计算子view的高度
		childHeightCount = 0;
		for(int i = 0 ; i < childCount ; i++){
			View childAt = getChildAt(i);
			int measuredHeight = childAt.getMeasuredHeight();
			LayoutParams params = (LayoutParams) childAt.getLayoutParams();
			childHeightCount += measuredHeight + params.topMargin + params.bottomMargin;
		}
	}
	
	private int childHeightCount;
	/**
	 * clampedX : 表示在x方向是否可以移动 ,能移动false ,不能移动 true
	 * clampedY : 表示在y方向是否可以移动
	 * 
	 * 通过上面的参数和scrollxx参数就可以知道其是否滑到底部和滑到顶部
	 */
	@Override
	protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX,boolean clampedY) {
		super.onOverScrolled(scrollX, scrollY, clampedX, clampedY);
		LogUtil.e("BottomTopScrollView", "childHeightCount : "+childHeightCount);
		if(scrollY <= 0){
			mScrollState = ScrollState.TOP_STATE;
			if(scrollY >= childHeightCount - getMeasuredHeight()){
				mScrollState = ScrollState.BOTH_STATE;//表示scrollview 要比childs要高,不需要scrollview 去滑动
			}
		}else if(scrollY > 0){
			mScrollState = ScrollState.SCROLL_STATE;
			if(scrollY >= childHeightCount - getMeasuredHeight()){
				mScrollState = ScrollState.BOTTOM_STATE;//表示scrollview 要比childs要高,不需要scrollview 去滑动
			}
		}
		LogUtil.e("BottomTopScrollView", "scrollstate : " + mScrollState + "/ scrollY:" + scrollY);
	}
	
	private ScrollState mScrollState;
	
	public ScrollState getScrollState(){
		LogUtil.e("BottomTopScrollView", "childHeightCount : "+childHeightCount + "/ measuredHeight : " + getMeasuredHeight());
		if(childHeightCount <= getMeasuredHeight()){
			return ScrollState.BOTH_STATE;
		}
		return mScrollState;
	}
	
	
	/** 滑动位置的状态  TOP_STATE 到达顶部, BOTTOM_STATE 到达底部 , BOTH_STATE 即到达底部也达到了顶部, SCROLL_STATE 可滑动状态*/
	public enum ScrollState{
		TOP_STATE , BOTTOM_STATE , BOTH_STATE , SCROLL_STATE;
	}
}


PullToRefreshScrollView 

package com.danale.cloud.ui.widget;

import com.danale.cloud.R;
import com.danale.cloud.ui.widget.BottomTopScrollView.ScrollState;
import com.danale.cloud.utils.LogUtil;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.widget.LinearLayout;
import android.widget.Scroller;
/**
 *	类似于qq中的界面,能够上下的拉动
 */
public class PullToRefreshScrollView extends LinearLayout {

	private BottomTopScrollView mScrollView;
	private float downY;
	private Scroller mScroller;
	private int mScaledTouchSlop;
	private boolean isInControl = false;
	
	private final int REFRESH_MIN_SCROLL_HEIGH = 100;

	public PullToRefreshScrollView(Context context, AttributeSet attrs) {
		super(context, attrs);
		mScroller = new Scroller(context);
		mScaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
	}
	
	@Override
	protected void onFinishInflate() {
		super.onFinishInflate();
		View view = findViewById(R.id.danale_cloud_id_pull_to_refresh_scrollview);
		if(!(view instanceof BottomTopScrollView)){
			throw new IllegalArgumentException("must be used by scrollview to viewgroup's child view !");
		}
		mScrollView = (BottomTopScrollView) view;
	}
	
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		LayoutParams layoutParams = (LayoutParams) mScrollView.getLayoutParams();
		layoutParams.height = getMeasuredHeight() - getPaddingTop() - getPaddingBottom();
		layoutParams.weight = getMeasuredWidth() - getPaddingLeft() - getPaddingRight();
	}
	
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		int action = event.getAction();
		LogUtil.e("PullToRefreshScrollView", "onTouchEvent " + event.getX());
		switch (action) {
		case MotionEvent.ACTION_DOWN:
			downY = event.getY();
			return true;
			
		case MotionEvent.ACTION_MOVE:
			float moveY = event.getY();
			float dY = (moveY - downY)/1.5f;
			scrollBy(0, (int) -dY);
			downY = moveY;
			isInControl = false;
			break;
		
		case MotionEvent.ACTION_UP:
			float downY = event.getY();
			float scrollY = getScrollY();
			handlerPullToRefresh(scrollY);
			mScroller.startScroll(0, (int)scrollY, 0, (int)-scrollY, (int)Math.abs(scrollY));
			invalidate();
			break;

		default:
			break;
		}
		return super.onTouchEvent(event);
	}
	
	private void handlerPullToRefresh(float scrollY) {
		if(scrollY < -REFRESH_MIN_SCROLL_HEIGH && mListener != null){
			mListener.onRefresh();
		}
	}

	@Override
	public void computeScroll() {
		if(mScroller.computeScrollOffset()){
			scrollTo(0, mScroller.getCurrY());
			invalidate();
		}
	}
	
	@Override
	public boolean dispatchTouchEvent(MotionEvent ev) {
		int action = ev.getAction();
		switch (action) {
		case MotionEvent.ACTION_DOWN:
			downY = ev.getX();
			break;
			
		case MotionEvent.ACTION_MOVE:
			float moveY = ev.getY();
			float dY = moveY - downY;
			int scrollY = getScrollY();
			
			if(Math.abs(dY) > mScaledTouchSlop){
				if(!isInControl && dY > 0 && (ScrollState.TOP_STATE.equals(mScrollView.getScrollState()) ||
						ScrollState.BOTH_STATE.equals(mScrollView.getScrollState())) && scrollY == 0){ // 上滑 ,满足该条件可下拉刷新
					isInControl = true;
					ev.setAction(MotionEvent.ACTION_CANCEL);
					MotionEvent ev2 = MotionEvent.obtain(ev);
					dispatchTouchEvent(ev);
					
					ev2.setAction(MotionEvent.ACTION_DOWN);
					return dispatchTouchEvent(ev2);
				}else if(!isInControl && dY < 0 &&(ScrollState.BOTTOM_STATE.equals(mScrollView.getScrollState()) ||
						ScrollState.BOTH_STATE.equals(mScrollView.getScrollState())) && scrollY == 0){//下滑,满足该条件可上拉加载
					isInControl = true;
					ev.setAction(MotionEvent.ACTION_CANCEL);
					MotionEvent ev2 = MotionEvent.obtain(ev);
					dispatchTouchEvent(ev);
					
					ev2.setAction(MotionEvent.ACTION_DOWN);
					return dispatchTouchEvent(ev2);
				}
			}
			break;

		default:
			break;
		}
		return super.dispatchTouchEvent(ev);
	}
	
	@Override
	public boolean onInterceptTouchEvent(MotionEvent ev) {
		LogUtil.e("PullToRefreshScrollView","onInterceptTouchEvent");
		int action = ev.getAction();
		switch (action) {
		case MotionEvent.ACTION_DOWN:
			downY = ev.getY();
			break;
			
		case MotionEvent.ACTION_MOVE:
			float moveY = ev.getY();
			float dY = moveY - downY;
			if(Math.abs(dY) > mScaledTouchSlop){
				if(dY > 0 && (ScrollState.TOP_STATE.equals(mScrollView.getScrollState()) ||
						ScrollState.BOTH_STATE.equals(mScrollView.getScrollState()))){ // 上滑 ,满足该条件可下拉刷新
					return true;
				}else if(dY < 0 &&(ScrollState.BOTTOM_STATE.equals(mScrollView.getScrollState()) ||
						ScrollState.BOTH_STATE.equals(mScrollView.getScrollState()))){//下滑,满足该条件可上拉加载
					return true;
				}
			}
			break;
			
		default:
			break;
		}
		return super.onInterceptTouchEvent(ev);
	}
	
	public interface OnPullToRefreshListener{
		public void onRefresh();
	}
	
	private OnPullToRefreshListener mListener;
	public void setOnPullToRefreshListener(OnPullToRefreshListener listener){
		this.mListener = listener;
	}
}


布局相关的问题

<?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" >

    <com.example.drawable_ui.view.PullToRefreshScrollView
        android:id="@+id/pull_to_refresh_scroll"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <com.example.drawable_ui.view.BottomTopScrollView
            android:id="@id/id_pull_to_refresh_scrollview"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical" >

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="200dp"
                    android:background="#ffa22c"
                    android:gravity="center_vertical"
                    android:text="sdfadaddddad" 
                    android:clickable="true"
                    android:onClick="clickTv3"  />
		若干个textview....
            </LinearLayout>
        </com.example.drawable_ui.view.BottomTopScrollView>
    </com.example.drawable_ui.view.PullToRefreshScrollView>

</LinearLayout>

values 文件加下 ids.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>    
    <item name="id_pull_to_refresh_scrollview" type="id"></item>
</resources>

在代码中设置setOnPullToRefreshListener(OnPullToRefreshListener listener),就可以实现下拉刷新了

qq_24551315
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
scrollview 下拉刷新
04-24
android scrollview 下拉 刷新 refresh
ScrollView实现下拉刷新
11-30
将开源项目PullToRefresh中的ScrollView下拉刷新提取出来了，可直接集成到项目中。
安卓日记——下拉刷新
m0_62089210的博客
10-06 151
不得不说，进入了material design时代，很多app都开始用安卓原生的SwipeRefreshLayout，比如知乎，简书都是用这个简单好看的控件。最近我也试着用了一下，发现真的超级简单，它可以支持很多种子view，只要是能滚动的，比如Scrollview，ListView，GirdView。然后我这里以ScrollView为例，因为这个比其他View更加自由。有了这个下拉刷新控件，妈妈再也不用自己做的下拉刷新很丑了。然后在Activity中也是几行代码。在布局中只需加入以下代码。
Android 关于Scrollview和listview嵌套以及下拉刷新问题(附源码)
陌生人
12-01 3567
本人Android菜鸟，在做东西时候发现有时候我们需要在项目中使用scrollview和listview的结合才能使项目看起来更加完善，但是谷歌官网是不推荐scrollview和listview一起嵌套的，因为这俩个东西嵌套后会出现很多事件冲突。但是有时候就是需要这样的搭配怎么办？所以有些牛人自定义了view来满足这样的需求。好了，废话不多说，上代码 package com.exampl
微信小程序scroll-view组件之上拉加载下拉刷新（解决上拉加载不触发）
学如逆水行舟，不进则退！
07-12 5679
最近在学习微信小程序，有一个功能就是做一个商品列表分页限流然后实现上拉加载下拉刷新功能，遇到了一个使用scroll-viwe组件下拉刷新事件始终不触发问题，网上很多说给scroll-view设置一个高度啥的就可以解决，有些人设置了高度也不触发，所以在下就研究了一波这个scroll-view的触发机制。
微信小程序 - scroll-view组件之上拉加载下拉刷新（解决上拉加载不触发）
Qianmoer的博客
08-02 5141
/ 自己定义刷新事件 var self = this;// 自己定义刷新事件 self . setData({triggered : true , // 将triggered属性设置为true，表示下拉刷新已经被触发 }) wx . showToast({title : "刷新成功" }) setTimeout(function() {triggered : false , // 将triggered属性设置为false，表示下拉刷新已完成 }) console . log('下拉刷新已完成')
微信小程序使用scroll-view，实现分页加载和下拉刷新
weixin_53582738的博客
10-17 1865
【代码】微信小程序使用scroll-view，实现分页加载和下拉刷新。
微信小程序开发页面下拉刷新和scrollview
baorant24的博客
04-23 603
本文主要介绍微信小程序开发过程实现页面下拉刷新以及scrollview组件实现下拉刷新
微信小程序下拉刷新和回到顶部的实现
最新发布
weixin_46077222的博客
10-11 407
微信小程序下拉刷新和回到顶部的实现
SwiftUI_Shoot:SwiftUI 项目，UI体验，并无接口对接，全当学习只用，有自定义ScrollView refresh下拉刷新组件，有更好的建议欢迎指导
05-28
＃SwiftUI_Shoot ##启动页效果 ##首页效果 ##大图预览效果 ##ScrollView 刷新效果
ScrollView 实现下拉刷新
07-16
很多静态页面需要的刷新然后没有不要动页面 可以同个这一个demo 实现。。希望有用到的朋友可以下载下来研究研究，Scollview单独页面下拉刷新
比较好用的弹性和下拉刷新的ScrollView
07-03
比较好用的弹性和下拉刷新的ScrollView
scrollView实现下拉刷新
10-10
scrollView加自定义view实现的下拉刷新功能，方便理解scrollView的几个常用属性；
scrollView嵌套ListView的下拉刷新和加载更多
09-08
scrollView嵌套ListView， ListView里又嵌套了GridView ,实现了下拉刷新和加载更多，代码简单，不依赖第三方包。
自定义ScrollView，实现QQ空间阻尼下拉刷新和渐变菜单栏效果
10-09
Android UI设计之<十三>自定义ScrollView，实现QQ空间阻尼下拉刷新和渐变菜单栏效果，详http://blog.csdn.net/llew2011/article/details/52626148
Unity-PullToRefresh：拉动以刷新Unity UI
02-06
Unity-PullToRefresh 拉动以刷新Unity UI。用法从下载PullToRefresh-vx.xxunitypackage。 将包导入到您的Unity项目中。 创建ScrollRect实现IScrollable 。 准备加载图标的AnimatorController 。 从检查器中的“ Add ...
Android 仿抖音APP下拉刷新功能.rar
07-10
Android 仿抖音APP下拉刷新功能，首先分析这个效果的实现思路，大致如下： 　1、上拉时页面有翻页效果，可以用scrollview的pagingEnabled来实现，也就是说列表页不管你用tableview还是collectionview，只要每个cell...
SpringView:custom自定义视图拉动刷新，支持ScrollView，ListView，RecyclerView，WebView和所有其他视图，易于使用
04-05
SpringView是一种提供上下拖放功能的功能，可以高度定制，实现各种下拉\拉画效果，在演示中实现：仿阿里旅行，仿美团，仿QQ下拉刷红色信封，模仿acfun等，与源控件（例如ListView，RecyclerView，ScrollView，...
cocos creator scrollview 下拉刷新
05-13
cocos creator中的scrollview控件是一个非常实用的UI组件，可以用于展示大量的信息...总之，cocos creator中实现scrollview的下拉刷新功能需要了解scrollview和事件回调的相关知识，并且需要进行相关的UI设计和实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值