热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android实践之带加载效果的下拉刷新上拉加载更多

这篇文章主要给大家介绍了关于Android实践之下拉刷新上拉加载更多的相关资料,实现的效果在现在的很多项目中都能用到,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。

前言

之前写的一个LoadingBar,这次把LoadingBar加到下拉刷新的头部。从头写一个下拉刷新,附赠上拉加载更多。下面话不多说了,来一起看看详细的介绍吧。

效果图:

实现过程

首先是自定义属性,attrs.xml中定义头部的高度和上下的padding。

####attrs.xml####

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
 
 

然后是头部的文件,里面放了一个TextView和一个图片

header_layout.xml####

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 

然后是布局文件,让PPRefreshView作为父布局,下面可以放AbsListView的子类。

activity_main.xml####

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
 

最后是重点,下拉刷新的控件。

"精心"准备了一张图

####PPRefreshView.java####

package top.greendami.greendami;
package com.allrun.arsmartelevatorformanager.widget;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.support.v7.widget.RecyclerView;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.widget.ImageView;
import android.widget.TextView;
import com.allrun.arsmartelevatorformanager.R;
import com.allrun.arsmartelevatorformanager.util.DPUnitUtil;
/**
 * Created by GreendaMI on 2017/3/21.
 */
public class PPRefreshView extends ViewGroup {
 Context context;
 RecyclerView mListView;
 PPView mPPView;
 View header;
 TextView title;
 ImageView mImage;//箭头
 int listTop = 0;
 float headerHeight = 10 + 30 + 10;//header的高度,上留白 + 文字(PPVIew)高度 + 下留白
 float headerpadding = 10;//上留白,下留白
 private int mYDown, mLastY;
 //最短滑动距离
 int a = 0;
 RotateAnimation mRotateAnimation;
 int state = 0; //0,正常;1,下拉;2,松开
 public void setPPRefreshViewListener(PPRefreshViewListener mPPRefreshViewListener) {
 this.mPPRefreshViewListener = mPPRefreshViewListener;
 }
 PPRefreshViewListener mPPRefreshViewListener;
 public PPRefreshView(Context context) {
 super(context);
 this.cOntext= context;
 }
 public PPRefreshView(Context context, AttributeSet attrs) {
 super(context, attrs);
 this.cOntext= context;
 //px转dp
 a = DPUnitUtil.px2dip(context,ViewConfiguration.get(context).getScaledDoubleTapSlop());
 TypedArray b = context.obtainStyledAttributes(attrs, R.styleable.PPRefreshView_header);
 headerHeight = b.getDimension(R.styleable.PPRefreshView_header_header_height, 100);
 headerpadding = b.getDimension(R.styleable.PPRefreshView_header_header_padding, 10);
 b.recycle();
 initAnima();
 }
 private void initAnima() {
 //箭头旋转
 mRotateAnimation = new RotateAnimation(0, 180, Animation.RELATIVE_TO_SELF,
 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
 mRotateAnimation.setFillAfter(true);
 mRotateAnimation.setDuration(200);
 }
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 if (mPPView != null) {
 mPPView.measure(widthMeasureSpec,(int) (headerHeight- 2 * headerpadding));
 }
 if (header != null) {
 header.measure(widthMeasureSpec, (int) (headerHeight- 2 * headerpadding));
 }
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 }
 @Override
 protected void onLayout(boolean changed, int l, int t, int r, int b) {
 if (mListView == null && getChildCount() == 1) {
 mListView = (RecyclerView)getChildAt(0);
 mListView.setOnScrollListener(new RecyclerView.OnScrollListener() {
 @Override
 public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
  super.onScrolled(recyclerView, dx, dy);
  if(!recyclerView.canScrollVertically(1)){
  //添加外部回调
  if(mPPRefreshViewListener != null){  mPPRefreshViewListener.LoadMore();
  }
  }
 }
 });
 }
 if (mListView != null) {
 mListView.layout(l, listTop, getMeasuredWidth(), b);
 }
 if (mPPView != null) {
 //top:文字(PPVIew)高度 + 下留白
 mPPView.layout(l, (int)(listTop - headerHeight + headerpadding), r, listTop);
 }
 if (header != null) {
 //top:文字(PPView)高度 + 下留白
 header.layout(l, (int)(listTop - headerHeight + headerpadding), r, listTop);
 }
 }
 @Override
 protected void dispatchDraw(Canvas canvas) {
 super.dispatchDraw(canvas);
 //松开手指,list回到顶部
 if (state == 2) {
 listTop = listTop - 25;
 if (listTop  0) {
 listTop = listTop - 25;
 if (listTop <0) {
 listTop = 0;
 }
 requestLayout();
 }
 }
 @Override
 public boolean dispatchTouchEvent(MotionEvent event) {
 final int action = event.getAction();
 switch (action) {
 case MotionEvent.ACTION_DOWN:
 // 按下
 mYDown = (int) event.getRawY();
 break;
 case MotionEvent.ACTION_MOVE:
 // 移动
 mLastY = (int) event.getRawY();
 if (!mListView.canScrollVertically(-1) && mLastY > mYDown &&(mLastY - mYDown) > a) {
  state = 1;
  listTop = mLastY - mYDown;
  if (mPPView != null) {
  removeView(mPPView);
  mPPView = null;
  }
  if (header == null) {
  header = LayoutInflater.from(context).inflate(R.layout.header_layout, null, false);
  title = ((TextView) header.findViewById(R.id.text));
  mImage = ((ImageView) header.findViewById(R.id.icon));
  addView(header);
  }
  if (title != null && (mLastY - mYDown) > a * 2f) {
  title.setText("松开刷新");
  if (mImage.getAnimation() == null) {
  mImage.startAnimation(mRotateAnimation);
  }
  }
  if (title != null && (mLastY - mYDown) 

主要思路是监听手势的滑动距离,如果ListView已经划到顶部,则ListView跟随手指位置,并添加Header。放开手指后,ListView慢慢回到顶部。

外部回调。监听下拉和上拉。

 mSwipeRefreshLayout.setPPRefreshViewListener(new PPRefreshView.PPRefreshViewListener() {
 @Override
 public void onRefresh() {
 Toast.makeText(MainActivity.this,"亲,刷新了",Toast.LENGTH_SHORT).show();
 data.add("测试数据100");
 mAdapter.notifyDataSetChanged();
 }
 @Override
 public void LoadMore() {
 Toast.makeText(MainActivity.this,"加载更多",Toast.LENGTH_SHORT).show();
 }
 });
refreshLayout.setRefreshing(false);;//刷新完毕

差点忘了粘连小球的View。

####PPView.java####
package top.greendami.greendami;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
/**
 * Created by GreendaMi on 2017/3/17.
 */
public class PPView extends View {
 String TAG = "PPView";
 //动画开关
 boolean isLoading = true;
 Context mContext;
 private int mWidth = 100;
 private int mheight = 100;
 public int mColor;
 public Paint mPaint = new Paint();
 float time = 0;
 //小球与中间打球的最远距离
 float distance = 100;
 public PPView(Context context) {
 super(context);
 mCOntext= context;
 mColor = context.getResources().getColor(R.color.colorPrimary);
 init();
 }
 public PPView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 mCOntext= context;
 mColor = context.getResources().getColor(R.color.colorPrimary);
 init();
 }
 private void init() {
 mPaint.setAntiAlias(true);
 mPaint.setColor(mColor);
 }
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
 int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
 //宽度至少是高度的4倍
 if (widthSpecSize <4 * heightSpecSize) {
 widthSpecSize = 4 * heightSpecSize;
 }
 mWidth = widthSpecSize;
 mheight = heightSpecSize;
 distance = 1.2f * mheight;
 setMeasuredDimension(widthSpecSize, heightSpecSize);
 }
 @Override
 protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 if (isLoading) {
 //大圆半径
 float bigR = mheight * 0.32f + mheight * 0.03f * Math.abs((float) Math.sin(Math.toRadians(time)));
 float smallR = mheight * 0.17f + mheight * 0.03f * Math.abs((float) Math.cos(Math.toRadians(time)));
 float bigx = (getWidth()) / 2;
 //画中间大圆
 canvas.drawCircle(bigx, mheight / 2, bigR, mPaint);
 float smalx = getSmallCenterX();
 //画小圆
 canvas.drawCircle(smalx, mheight / 2, smallR, mPaint);
 //画链接
 //小球在右侧
 if (smalx > bigx) {
 Path path = new Path();
 //上面的贝塞尔曲线的第一个点,在大圆身上
 float x1 = bigx + bigR * (float) Math.cos(Math.toRadians(time));
 float y1 = mheight / 2 - bigR * (float) Math.sin(Math.toRadians(time));
 if (y1 > mheight / 2 - smallR) {
  y1 = mheight / 2 - smallR;
  x1 = bigx + (float) (Math.sqrt(bigR * bigR - smallR * smallR));
 }
 //上面的贝塞尔曲线的第三个点,在小圆身上
 float x2 = smalx - smallR * (float) Math.cos(Math.toRadians(time));
 float y2 = mheight / 2 - smallR * (float) Math.sin(Math.toRadians(time));
 if (y2 > mheight / 2 - smallR * 0.8) {
  y2 = mheight / 2 - smallR * 0.8f;
  x2 = smalx - smallR * (float) (Math.sqrt(1-0.64f));
 }
 //下面的贝塞尔曲线的第三个点,在小圆身上
 float x3 = smalx - smallR * (float) Math.cos(Math.toRadians(time));
 float y3 = mheight / 2 + smallR * (float) Math.sin(Math.toRadians(time));
 if (y3  mheight / 2 - smallR) {
  y1 = mheight / 2 - smallR;
  x1 = bigx - (float) (Math.sqrt(bigR * bigR - smallR * smallR));
 }
 float x2 = smalx - smallR * (float) Math.cos(Math.toRadians(time));
 float y2 = mheight / 2 - smallR * (float) Math.sin(Math.toRadians(time));
 if (y2 > mheight / 2 - smallR * 0.8) {
  y2 = mheight / 2 - smallR * 0.8f;
  x2 = smalx + smallR * (float) (Math.sqrt(1-0.64f));
 }
 float x3 = smalx - smallR * (float) Math.cos(Math.toRadians(time));
 float y3 = mheight / 2 + smallR * (float) Math.sin(Math.toRadians(time));
 if (y3 

两张素材


总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。


推荐阅读
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文探讨了 RESTful API 和传统接口之间的关键差异,解释了为什么 RESTful API 在设计和实现上具有独特的优势。 ... [详细]
  • 本文详细介绍了如何使用Spring Boot进行高效开发,涵盖了配置、实例化容器以及核心注解的使用方法。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • 在当前众多持久层框架中,MyBatis(前身为iBatis)凭借其轻量级、易用性和对SQL的直接支持,成为许多开发者的首选。本文将详细探讨MyBatis的核心概念、设计理念及其优势。 ... [详细]
  • 将Web服务部署到Tomcat
    本文介绍了如何在JDeveloper 12c中创建一个Java项目,并将其打包为Web服务,然后部署到Tomcat服务器。内容涵盖从项目创建、编写Web服务代码、配置相关XML文件到最终的本地部署和验证。 ... [详细]
  • XNA 3.0 游戏编程:从 XML 文件加载数据
    本文介绍如何在 XNA 3.0 游戏项目中从 XML 文件加载数据。我们将探讨如何将 XML 数据序列化为二进制文件,并通过内容管道加载到游戏中。此外,还会涉及自定义类型读取器和写入器的实现。 ... [详细]
  • 本文介绍如何在 Unity 的 XML 配置文件中,将参数传递给自定义生命周期管理器的构造函数。我们将详细探讨 CustomLifetimeManager 类的实现及其配置方法。 ... [详细]
  • 本文详细介绍了 Java 中 org.apache.xmlbeans.SchemaType 类的 getBaseEnumType() 方法,提供了多个代码示例,并解释了其在不同场景下的使用方法。 ... [详细]
author-avatar
快乐饼干W_848
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有