仿苏宁易购下拉刷新控件（支持ListView、ScrollView）

最新推荐文章于 2023-01-02 09:40:57 发布
最新推荐文章于 2023-01-02 09:40:57 发布
阅读量1.5k 收藏 20
点赞数 8
分类专栏： android自定义控件 文章标签： 下拉刷新 自定义控件 帧动画和属性动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lhf543314966/article/details/53977585
版权

下拉刷新控件很常见，Android官方也推出了自己的下拉组件SwipeRefreshLayout。之前项目中有用到下拉刷新控件，要求根据手势播放动画效果，由于没有现成的，就参考第三方下拉控件，改造成自己项目所需的。改造过程还算比较顺利，现分享出来，仅供参考。

效果图


布局pull_to_refresh_header.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#dadada">

    <ImageView
        android:id="@+id/cart"
        android:layout_width="39dp"
        android:layout_height="27dp"
        android:layout_marginTop="50dp"
        android:layout_alignParentLeft="true"
        android:visibility="visible"
        android:src="@drawable/loading_car"/>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="10sp"
            android:drawableBottom="@drawable/loading_wenan"/>
        <TextView
            android:id="@+id/loading_middle"
            android:layout_width="120dp"
            android:layout_height="55dp"
            android:visibility="invisible"
            android:background="@drawable/refresh_anim"/>
        <TextView
            android:id="@+id/refresh_text"
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:gravity="center"
            android:text="正在刷新..."
            android:textSize="10sp"
            android:textColor="#999"/>
    </LinearLayout>

</RelativeLayout>




PullToRefreshView主代码












package com.miloisbadboy.view;

import android.animation.ObjectAnimator;
import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.TextView;

import com.miloisbadboy.R;

public class PullToRefreshView extends LinearLayout {
	private static final String TAG = "PullToRefreshView";
	// refresh states
	private static final int PULL_TO_REFRESH = 2;
	private static final int RELEASE_TO_REFRESH = 3;
	private static final int REFRESHING = 4;
	// pull state
	private static final int PULL_UP_STATE = 0;
	private static final int PULL_DOWN_STATE = 1;
	private boolean enablePullTorefresh = true;
	private boolean enablePullLoadMoreDataStatus = true;
	/**
	 * last y
	 */
	private int mLastMotionY;
	/**
	 * lock
	 */
	private boolean mLock;
	/**
	 * header view
	 */
	private View mHeaderView;
	/**
	 * list or grid
	 */
	private AdapterView<?> mAdapterView;
	/**
	 * scrollview
	 */
	private ScrollView mScrollView;
	/**
	 * header view height
	 */
	private int mHeaderViewHeight;
	/**
	 * layout inflater
	 */
	private LayoutInflater mInflater;
	/**
	 * header view current state
	 */
	private int mHeaderState;
	/**
	 * footer view current state
	 */
	private int mFooterState;
	/**
	 * pull state,pull up or pull down;PULL_UP_STATE or PULL_DOWN_STATE
	 */
	private int mPullState;
	/**
	 * header refresh listener
	 */
	private OnHeaderRefreshListener mOnHeaderRefreshListener;
	/**
	 * 正在刷新动画
	 */
	protected AnimationDrawable animationMiddle;
	/**
	 * 刷新提示语
	 */
	protected TextView mLoddingTextView;
	/**
	 * 敞篷车
	 */
	protected ImageView mCart;
	/**
	 * 刷新提示
	 */
	protected TextView refreshText;
	/**
	 * 记录第一次按下的y坐标
	 */
	protected int mYDown;
	/**
	 * y方向移动的距离
	 */
	protected int moveDistance;
	/**
	 * 最小的有效滑动距离
	 */
	protected int mTouchSlop;
	/**
	 * 屏幕宽度
	 */
	protected int mScreenWidth;
	/**
	 * 屏幕高度
	 */
	protected int mScreenHeight;

	public PullToRefreshView(Context context, AttributeSet attrs) {
		this(context, attrs,0);
	}

	public PullToRefreshView(Context context) {
		this(context,null);
	}

	public PullToRefreshView(Context context, AttributeSet attributeSet, int defStyle) {
		super(context,attributeSet,defStyle);
		init(context);
	}

	private void init(Context context) {
		mInflater = LayoutInflater.from(getContext());
		setOrientation(VERTICAL);
		mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
		mScreenWidth = context.getResources().getDisplayMetrics().widthPixels;
		mScreenHeight = context.getResources().getDisplayMetrics().heightPixels;
		// header view 在此添加,保证是第一个添加到linearlayout的最上端
		addHeaderView();
	}

	private void addHeaderView() {
		// header view
		mHeaderView = mInflater.inflate(R.layout.pull_to_refresh_header, this, false);
		mCart = (ImageView) mHeaderView.findViewById(R.id.cart);
		mLoddingTextView = (TextView) mHeaderView.findViewById(R.id.loading_middle);
		animationMiddle = (AnimationDrawable) mLoddingTextView.getBackground();
		refreshText = (TextView) mHeaderView.findViewById(R.id.refresh_text);
		// header layout
		measureView(mHeaderView);
		mHeaderViewHeight = mHeaderView.getMeasuredHeight();
		LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, mHeaderViewHeight);
		// 设置topMargin的值为负的header View高度,即将其隐藏在最上方
		params.topMargin = -(mHeaderViewHeight);
		// mHeaderView.setLayoutParams(params1);
		addView(mHeaderView, params);
	}

	/**
	 * init AdapterView like ListView,GridView and so on;or init ScrollView
	 */
	private void initContentAdapterView() {
		int count = getChildCount();
		if (count < 2) {
			throw new IllegalArgumentException("this layout must contain 2 child views,and AdapterView or ScrollView must in the second position!");
		}
		View view = null;
		for (int i = 0; i < count; ++i) {
			view = getChildAt(i);
			if (view instanceof AdapterView<?>) {
				mAdapterView = (AdapterView<?>) view;
			}
			if (view instanceof ScrollView) {
				// finish later
				mScrollView = (ScrollView) view;
			}
		}
		if (mAdapterView == null && mScrollView == null) {
			throw new IllegalArgumentException("must contain a AdapterView or ScrollView in this layout!");
		}
	}

	private void measureView(View child) {
		ViewGroup.LayoutParams p = child.getLayoutParams();
		if (p == null) {
			p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
		}

		int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
		int lpHeight = p.height;
		int childHeightSpec;
		if (lpHeight > 0) {
			childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight, MeasureSpec.EXACTLY);
		} else {
			childHeightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
		}
		child.measure(childWidthSpec, childHeightSpec);
	}

	@Override
	public boolean onInterceptTouchEvent(MotionEvent e) {
		int y = (int) e.getRawY();
		switch (e.getAction()) {
		case MotionEvent.ACTION_DOWN:
			// 首先拦截down事件,记录y坐标
			mLastMotionY = y;
			mYDown = y;
			break;
		case MotionEvent.ACTION_MOVE:
			// deltaY > 0 是向下运动,< 0是向上运动
			int deltaY = y - mLastMotionY;
			if (isRefreshViewScroll(deltaY)) {
				return true;
			}
			break;
		case MotionEvent.ACTION_UP:
		case MotionEvent.ACTION_CANCEL:
			break;
		}
		return false;
	}

	/*
	 * 如果在onInterceptTouchEvent()方法中没有拦截(即onInterceptTouchEvent()方法中 return
	 * false)则由PullToRefreshView 的子View来处理;否则由下面的方法来处理(即由PullToRefreshView自己来处理)
	 */
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		if (mLock) {
			return true;
		}
		int y = (int) event.getRawY();
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			// onInterceptTouchEvent已经记录
			// mLastMotionY = y;
			break;
		case MotionEvent.ACTION_MOVE:
			int deltaY = y - mLastMotionY;
			moveDistance = (int) event.getRawY() - mYDown;
			if(Math.abs(moveDistance) > mTouchSlop) {
				if (mPullState == PULL_DOWN_STATE) {
					// PullToRefreshView执行下拉
					Log.i(TAG, " pull down!parent view move!");
					headerPrepareToRefresh(deltaY);
					// setHeaderPadding(-mHeaderViewHeight);
				} else if (mPullState == PULL_UP_STATE) {
					// PullToRefreshView执行上拉
					Log.i(TAG, "pull up!parent view move!");
//				footerPrepareToRefresh(deltaY);
				}
				mLastMotionY = y;
			}
			break;
		case MotionEvent.ACTION_UP:
		case MotionEvent.ACTION_CANCEL:
			int topMargin = getHeaderTopMargin();
			if (mPullState == PULL_DOWN_STATE) {
				if (mHeaderState == RELEASE_TO_REFRESH) {
					// 开始刷新
					headerRefreshing();
				} else {
					// 还没有执行刷新，重新隐藏
					setHeaderTopMargin(-mHeaderViewHeight);
				}
			} else if (mPullState == PULL_UP_STATE) {
				if (Math.abs(topMargin) >= mHeaderViewHeight) {

				} else {
					// 还没有执行刷新，重新隐藏
					setHeaderTopMargin(-mHeaderViewHeight);
				}
			}
			break;
		}
		return super.onTouchEvent(event);
	}

	/**
	 * 是否应该到了父View,即PullToRefreshView滑动
	 * @param deltaY > 0 是向下运动,< 0是向上运动
	 */
	private boolean isRefreshViewScroll(int deltaY) {
		if (mHeaderState == REFRESHING || mFooterState == REFRESHING) {
			return false;
		}
		// 对于ListView和GridView
		if (mAdapterView != null) {
			// 子view(ListView or GridView)滑动到最顶端
			if (deltaY > 0) {
				// 判断是否禁用下拉刷新操作
				if (!enablePullTorefresh) {
					return false;
				}
				View child = mAdapterView.getChildAt(0);
				if (child == null) {
					// 如果mAdapterView中没有数据,不拦截
					return false;
				}
				if (mAdapterView.getFirstVisiblePosition() == 0 && child.getTop() == 0) {
					mPullState = PULL_DOWN_STATE;
					return true;
				}
				int top = child.getTop();
				int padding = mAdapterView.getPaddingTop();
				if (mAdapterView.getFirstVisiblePosition() == 0 && Math.abs(top - padding) <= 11) {// 这里之前用3可以判断,但现在不行,还没找到原因
					mPullState = PULL_DOWN_STATE;
					return true;
				}

			} else if (deltaY < 0) {
				// 判断是否禁用上拉加载更多操作
				if (!enablePullLoadMoreDataStatus) {
					return false;
				}
				View lastChild = mAdapterView.getChildAt(mAdapterView.getChildCount() - 1);
				if (lastChild == null) {
					// 如果mAdapterView中没有数据,不拦截
					return false;
				}
				// 最后一个子view的Bottom小于父View的高度说明mAdapterView的数据没有填满父view,
				// 等于父View的高度说明mAdapterView已经滑动到最后
				if (lastChild.getBottom() <= getHeight() && mAdapterView.getLastVisiblePosition() == mAdapterView.getCount() - 1) {
					mPullState = PULL_UP_STATE;
					return true;
				}
			}
		}
		// 对于ScrollView
		if (mScrollView != null) {
			// 子scroll view滑动到最顶端
			View child = mScrollView.getChildAt(0);
			if (deltaY > 0 && mScrollView.getScrollY() == 0) {
				mPullState = PULL_DOWN_STATE;
				return true;
			} else if (deltaY < 0 && child.getMeasuredHeight() <= getHeight() + mScrollView.getScrollY()) {
				mPullState = PULL_UP_STATE;
				return true;
			}
		}
		return false;
	}

	/**
	 * header 准备刷新,手指移动过程,还没有释放
	 * @param deltaY,手指滑动的距离
	 */
	private void headerPrepareToRefresh(int deltaY) {
		// 计算车的偏移量
		int distance = (int)((moveDistance / (float)mScreenHeight) * mScreenWidth);
		if(distance > mScreenWidth/2 - mCart.getMeasuredWidth()) {
			distance = mScreenWidth/2 - mCart.getMeasuredWidth();
		}
		// 设置车的x轴偏移量
		mCart.setTranslationX(distance);
		int newTopMargin = changingHeaderViewTopMargin(deltaY);
		// 当header view的topMargin>=0时，说明已经完全显示出来了,修改header view 的提示状态
		if (newTopMargin >= 0 && mHeaderState != RELEASE_TO_REFRESH) {
			refreshText.setText(R.string.pull_to_refresh_release_label);
			mHeaderState = RELEASE_TO_REFRESH;
		} else if (newTopMargin < 0 && newTopMargin > -mHeaderViewHeight) {// 拖动时没有释放
			refreshText.setText(R.string.pull_to_refresh_pull_label);
			mHeaderState = PULL_TO_REFRESH;
		}
	}
	/**
	 * 修改Header view top margin的值
	 */
	private int changingHeaderViewTopMargin(int deltaY) {
		LayoutParams params = (LayoutParams) mHeaderView.getLayoutParams();
		float newTopMargin = params.topMargin + deltaY * 0.7f;
		params.topMargin = (int) newTopMargin;
		mHeaderView.setLayoutParams(params);
		invalidate();
		return params.topMargin;
	}

	/**
	 * header refreshing
	 */
	public void headerRefreshing() {
		mHeaderState = REFRESHING;
		setHeaderTopMargin(0);
		mCart.setVisibility(GONE);
		mLoddingTextView.setVisibility(VISIBLE);
		animationMiddle.start();
		refreshText.setText(R.string.pull_to_refresh_refreshing_label);
		if (mOnHeaderRefreshListener != null) {
			mOnHeaderRefreshListener.onHeaderRefresh(this);
		}
	}

	/**
	 * 设置header view 的topMargin的值
	 * @param topMargin 为0时，说明header view 刚好完全显示出来；为-mHeaderViewHeight时，说明完全隐藏了
	 */
	private void setHeaderTopMargin(int topMargin) {
		LayoutParams params = (LayoutParams) mHeaderView.getLayoutParams();
		params.topMargin = topMargin;
		mHeaderView.setLayoutParams(params);
		invalidate();
	}

	/**
	 * header view 完成更新后恢复初始状态
	 */
	public void onHeaderRefreshComplete() {
		mCart.setVisibility(VISIBLE);
		ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(mCart,"translationX",mScreenWidth/2,mScreenWidth);
		objectAnimator.setDuration(300);
		objectAnimator.start();
		mLoddingTextView.setVisibility(INVISIBLE);
		animationMiddle.stop();
		refreshText.setText("");
		mHeaderState = PULL_TO_REFRESH;
		postDelayed(new Runnable() {
			@Override
			public void run() {
				setHeaderTopMargin(-mHeaderViewHeight);
			}
		},200);
	}

	@Override
	protected void onFinishInflate() {
		super.onFinishInflate();
		initContentAdapterView();
	}

	/**
	 * Resets the list to a normal state after a refresh.
	 */
	public void onHeaderRefreshComplete(CharSequence lastUpdated) {
		onHeaderRefreshComplete();
	}

	/**
	 * 获取当前header view 的topMargin
	 */
	private int getHeaderTopMargin() {
		LayoutParams params = (LayoutParams) mHeaderView.getLayoutParams();
		return params.topMargin;
	}

	/**
	 * set headerRefreshListener
	 */
	public void setOnHeaderRefreshListener(OnHeaderRefreshListener headerRefreshListener) {
		mOnHeaderRefreshListener = headerRefreshListener;
	}

	/**
	 * Interface definition for a callback to be invoked when list/grid header
	 * view should be refreshed.
	 */
	public interface OnHeaderRefreshListener {
		public void onHeaderRefresh(PullToRefreshView view);
	}

	public boolean isEnablePullTorefresh() {
		return enablePullTorefresh;
	}

	public void setEnablePullTorefresh(boolean enablePullTorefresh) {
		this.enablePullTorefresh = enablePullTorefresh;
	}

}




没什么高深的东西，相信大家都能看得懂，我就不多解释。
















                

        

        

    

  


    

      

        

            

              
                
                  風中赏雪
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
仿照苏宁易购小程序页面

				
			

			

				

					欢乐打代码！
				

				

					11-16
					
					263
					
				

			

		

		

			
				
仿照苏宁易购小程序页面

			
		

	



                

              
                



	

		

			

				
					
仿苏宁易购完整源码+答辩ppt（java+mysql+JavaScript）资源详细说明

				
			

			

				

					qq_44009745的博客
				

				

					12-18
					
					2397
					
				

			

		

		

			
				
资源链接：https://download.csdn.net/download/qq_44009745/66124865
编写环境：Linux/windows64
编写的程序：Myeclipse 10
Myeclipse 10 安装包
[Java参考文档].linux 命令手册MYSQL5.1 CHM版中文帮助文档W3School离线手册(2014.3.24)
使用的数据库:MySQL
MySQL安装包+安装详细步骤
编写语言：Java+JavaScript+MySQL
资源截图:




...

			
		

	



                


  
              

                


	

		

			

				
					
仿苏宁易购shopex

				
			

			

				

					12-13
				

			

		

		

			
				
这是一款基于shopex商城系统的仿苏宁易购网的程序和模板。相信大家对shopex系统很熟悉了，就不用我介绍了，苏宁易购大家更是人人皆知。我分享这款程序，只供大家学习参考，切勿用于商业用途，尊重他人劳动成功，谢谢合作。
    该资源收集于互联网，并非本站原创，该程序合法权益归版权方所有。分享的目的仅供大家学习、参考、研究，一切商业行为与本站无关，该程序禁止倒卖，获取后请在24小时内删除该资源。

			
		

	





	

		

			

				
					
分享一个可下拉刷新的ScrollView

				
			

			

				

					anwenzhao0749的博客
				

				

					09-28
					
					199
					
				

			

		

		

			
				
原理：就是动态改变ScrollView header的margin实现
主要的代码：
http://blog.csdn.net/swust_chenpeng/article/details/39289721





public class RefreshScrollView extends ScrollView {  
  
    private final...

			
		

	



		

			
		



	

		

			

				
					
仿照苏宁易购的简单网站制作（包含效果图及其代码）

				
			

			

				

					m0_65054943的博客
				

				

					07-12
					
					1664
					
				

			

		

		

			
				
苏宁易购简单网页制作

			
		

	





	

		

			

				
					
学生个人html静态网页制作 基于HTML+CSS+JavaScript+jquery仿苏宁易购官网商城模板

				
			

			

				

					网页设计与制作
				

				

					01-02
					
					106
					
				

			

		

		

			
				
⚽精彩专栏推荐👇🏻👇🏻👇🏻   ❤  【作者主页——🔥获取更多优质源码】
 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web

			
		

	





	

		

			

				
					
【计算机专业-Andorid项目源码100套之】Android下拉刷新控件（ListView好ScrollView版）

				
			

			

				

					04-11
				

			

		

		

			
				
在ScrollView中实现下拉刷新相对复杂，因为ScrollView本身并不支持直接的刷新事件。开发者需要自定义ScrollView或者使用第三方库，如PullToRefreshLayout，来实现类似SwipeRefreshLayout的效果。  4. **自定义控件**...

			
		

	





	

		

			

				
					
Android下拉刷新控件（ListView好ScrollView版）.zip

					
最新发布

				
			

			

				

					04-08
				

			

		

		

			
				
在Android应用开发中，下拉刷新控件是一个非常常见的功能，尤其在列表视图(ListView)和滚动视图(ScrollView)中，它允许用户通过下拉手势更新数据，带来更流畅的用户体验。本资料包“Android下拉刷新控件（ListView好...

			
		

	





	

		

			

				
					
仿苏宁易购静态首页

				
			

			

				

					05-08
				

			

		

		

			
				
仿苏宁易购网站静态首页，可以参照用来开发自己的商城

			
		

	





	

		

			

				
					
苏宁易购模版

				
			

			

				

					06-04
				

			

		

		

			
				
绝对商业版，测试完整可用，shopex4.85苏宁易购第二版/模板堂shopex4.85模板商业版/B2C网站程序！PHP+MySQL，压缩包里有安装说明，下载使用即可！
（1）使用“仿苏宁易购第二版全站”里的文件，运行http://域名/install/ ，安装shopex4.85。
（2）完成shopex4.85安装之后，http://域名/shopadmin/ 登陆shopex4.85。
（3）在后台选择“页面管理”—“模板管理”—“模板列表”—“使用模板”苏宁易购(Shopex4.8)
注释：分离出来的模板和插件文件在“仿苏宁易购第二版模板”文件夹中，需要的朋友可以在自己的Shopex4.8网站中使用。
程序介绍：
1、高仿苏宁易购第二版B2C网站程序采用ShopEx4.8.5内核，配以仿苏宁易购第二版风格，模版仿真率达95%以上，运行环境需支持PHP+MYSQL。
亲,试试微信扫

			
		

	





	

		

			

				
					
最新仿苏宁易购商城源码（完整版）

				
			

			

				

					05-15
				

			

		

		

			
				
最新仿苏宁易购商城源码（完整版）

			
		

	





	

		

			

				
					
仿苏宁易购鼠标点击搜索框提示信息

				
			

			

				

					qq_42943107的博客
				

				

					08-01
					
					365
					
				

			

		

		

			
				
我们先看一下苏宁易购搜索框部分的效果：
鼠标没有点击搜索框时显示的效果：

鼠标点击搜索框后的效果：
我们先看一下运行的效果,这里不会做出与苏宁一模一样的，只是实现一下苏宁搜索框这种效果的逻辑。
运行代码显示效果。

鼠标点击搜索框的时候，显示出提示盒子也就是提示的信息

当你的鼠标移出搜索框外面的时候，盒子就会隐藏起来

下面直接上代码：
<!DOCTYPE html>
<ht...

			
		

	





	

		

			

				
					
借助 CAGradientLayer 可以设置渐变色的属性  实现苏宁易购首页导航栏的效果

				
			

			

				

					txinhuacdn的专栏
				

				

					12-29
					
					2653
					
				

			

		

		

			
				
实现如标题所示的功能使用的核心代码如下
//初始化渐变层


    self.gradientLayer = [CAGradientLayer
layer];

    self.gradientLayer.frame =
CGRectMake(0,
0, self.view.frame.size.width,
64);

    [self.view.layer
ad

			
		

	





	

		

			

				
					
Android开发之scrollview嵌套listview相关布局的解析

				
			

			

				

					乂星人
				

				

					07-10
					
					3479
					
				

			

		

		

			
				
过两天同学要回家相亲结婚去了，昨晚作为送行之聚，喝的是稀里哗啦。早上起来喝了一杯牛奶后却无所事事，所以干脆把前几天做项目时总结的一些知识梳理一下。
其实标题与本文不算太相符，这里借标题引申出一个特殊的布局，进而再去挖掘这种布局的解决思路。

			
		

	





	

		

			

				
					
仿美团外卖效果

				
			

			

				

					安卓笔记
				

				

					01-26
					
					1万+
					
				

			

		

		

			
				
下面ListView向上滚动时，先让上面的图片往上滚动，直到图片看不到时再让下面的ListView向上滚动。
当向下滑动时，先让ListView往下滑动，直到ListView不能往下滑动时在让上面图片往下滚动。
           


实现效果如下：
        



布局示意图  


布局代码
<RelativeLayout xmlns:android="

			
		

	





	

		

			

				
					
安卓学习笔记---实现下拉图片放大，松开又自动回去效果 （ListView与ScrollView）

				
			

			

				

					紫色飞鱼儿的博客
				

				

					07-21
					
					2401
					
				

			

		

		

			
				
最近做项目我想实现以下就是下拉图片可以进行缩放的那种，去了github上去看了看，果然让我找到了，于是下载下来就开始运行查看了，下面是运行的效果：


这是有3个，一个ListView,一个ScrollView,还有一个是RecyclerView的实现效果，下面分别展示各自运行效果：
ListView




ScrollView效果：




RecyclerView

			
		

	





	

		

			

				
					
iOS开发 非常全的三方库、插件、大牛博客等等

					
热门推荐

				
			

			

				

					u014068781的专栏
				

				

					09-09
					
					3万+
					
				

			

		

		

			
				
UI


下拉刷新


EGOTableViewPullRefresh- 最早的下拉刷新控件。

SVPullToRefresh- 下拉刷新控件。

MJRefresh- 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写）

XHRefreshContr

			
		

	





	

		

			

				
					
自定义Android ListView下拉刷新控件实现及原理解析

				
			

			

				

					
				

			

		

		

			
				
"Android下拉刷新控件的实现通常涉及到对ListView的自定义，以便提供一个友好的用户体验，让用户能够通过下拉手势轻松地获取更新或更多内容。这种功能广泛应用于许多应用程序，如微博，允许用户下拉列表来加载更多...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值