Android带刷新时间显示的PullToRefresh上下拉刷新

用过很多上下拉刷新,找到一个让自己满意的确实不容易,有些好的刷新控件,也并不是公司所需要的,在这里我给大家推荐一下我所喜欢的上下拉控件,实现也挺简单,需要的不妨来用一下,效果一看便知

加载就是一个圆形进度条,一个正在加载Textview,我就不上图了

这个是刷新的头布局

<?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="wrap_content"
 android:orientation="horizontal" >

 <FrameLayout
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_margin="10dip" >

 <ImageView
  android:id="@+id/iv_listview_header_arrow"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:minWidth="30dip"
  android:src="@mipmap/ic_launcher" />

 <ProgressBar
  android:id="@+id/pb_listview_header"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:indeterminateDrawable="@drawable/common_progressbar"
  android:visibility="gone" />
 </FrameLayout>

 <LinearLayout
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_gravity="center_vertical"
 android:gravity="center_horizontal"
 android:orientation="vertical" >

 <TextView
  android:id="@+id/tv_listview_header_state"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="下拉刷新"
  android:textColor="#FF0000"
  android:textSize="18sp" />

 <TextView
  android:id="@+id/tv_listview_header_last_update_time"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginTop="5dip"
  android:text="最后刷新时间: 2014-10-10 12:56:12"
  android:textSize="14sp" />
 </LinearLayout>

</LinearLayout>

这个是加载的底部局

<?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="wrap_content"
 android:orientation="vertical" >

 <LinearLayout
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_gravity="center_horizontal"
 android:layout_margin="10dip"
 android:gravity="center_vertical"
 android:orientation="horizontal" >

 <ProgressBar
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:indeterminateDrawable="@drawable/common_progressbar" />

 <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginLeft="10dip"
  android:text="加载更多..."
  android:textColor="#FF0000"
  android:textSize="18sp" />
 </LinearLayout>

</LinearLayout>

下面是运行布局嵌套的listview布局,如果使用请换一下包名

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context="jiexinkeji.com.shuaxin.MainActivity">
 <jiexinkeji.com.shuaxin.RefreshListView
 android:id="@+id/refreshlistview"
 android:layout_width="match_parent"
 android:layout_height="match_parent"></jiexinkeji.com.shuaxin.RefreshListView>

</android.support.constraint.ConstraintLayout>

下面是在drawable文件夹下面创建的一个文件:

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
 android:fromDegrees="0"
 android:pivotX="50%"
 android:pivotY="50%"
 android:toDegrees="360" >

 <shape
 android:innerRadiusRatio="3"
 android:shape="ring"
 android:useLevel="false" >
 <gradient
  android:centerColor="#FF6666"
  android:endColor="#FF0000"
  android:startColor="#FFFFFF"
  android:type="sweep" />
 </shape>

</rotate>

这个是定义的一个接口,有刷新和加载两个方法

package jiexinkeji.com.shuaxin;

public interface OnRefreshListener {

 /**
 * 下拉刷新
 */
 void onDownPullRefresh();

 /**
 * 上拉加载更多
 */
 void onLoadingMore();
}

下面的类是继承自ListView,来实现下拉刷新上啦加载

package jiexinkeji.com.shuaxin;

import android.content.Context;
import android.support.v4.widget.SwipeRefreshLayout;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;

import java.text.SimpleDateFormat;

public class RefreshListView extends ListView implements AbsListView.OnScrollListener {

 private static final String TAG = "RefreshListView";
 private int firstVisibleItemPosition; // 屏幕显示在第一个的item的索引
 private int downY; // 按下时y轴的偏移量
 private int headerViewHeight; // 头布局的高度
 private View headerView; // 头布局的对象

 private final int DOWN_PULL_REFRESH = 0; // 下拉刷新状态
 private final int RELEASE_REFRESH = 1; // 松开刷新
 private final int REFRESHING = 2; // 正在刷新中
 private int currentState = DOWN_PULL_REFRESH; // 头布局的状态: 默认为下拉刷新状态

 private Animation upAnimation; // 向上旋转的动画
 private Animation downAnimation; // 向下旋转的动画

 private ImageView ivArrow; // 头布局的剪头
 private ProgressBar mProgressBar; // 头布局的进度条
 private TextView tvState; // 头布局的状态
 private TextView tvLastUpdateTime; // 头布局的最后更新时间

 private OnRefreshListener mOnRefershListener;
 private boolean isScrollToBottom; // 是否滑动到底部
 private View footerView; // 脚布局的对象
 private int footerViewHeight; // 脚布局的高度
 private boolean isLoadingMore = false; // 是否正在加载更多中

 public RefreshListView(Context context, AttributeSet attrs) {
 super(context, attrs);
 initHeaderView();
 initFooterView();
 this.setOnScrollListener(this);
 }

 /**
 * 初始化脚布局
 */
 private void initFooterView() {
 footerView = View.inflate(getContext(), R.layout.listview_footer, null);
 footerView.measure(0, 0);
 footerViewHeight = footerView.getMeasuredHeight();
 footerView.setPadding(0, -footerViewHeight, 0, 0);
 this.addFooterView(footerView);
 }

 /**
 * 初始化头布局
 */
 private void initHeaderView() {
 headerView = View.inflate(getContext(), R.layout.listview_header, null);
 ivArrow = (ImageView) headerView
  .findViewById(R.id.iv_listview_header_arrow);
 mProgressBar = (ProgressBar) headerView
  .findViewById(R.id.pb_listview_header);
 tvState = (TextView) headerView
  .findViewById(R.id.tv_listview_header_state);
 tvLastUpdateTime = (TextView) headerView
  .findViewById(R.id.tv_listview_header_last_update_time);

 // 设置最后刷新时间
 tvLastUpdateTime.setText("最后刷新时间: " + getLastUpdateTime());

 headerView.measure(0, 0); // 系统会帮我们测量出headerView的高度
 headerViewHeight = headerView.getMeasuredHeight();
 headerView.setPadding(0, -headerViewHeight, 0, 0);
 this.addHeaderView(headerView); // 向ListView的顶部添加一个view对象
 initAnimation();
 }

 /**
 * 获得系统的最新时间
 *
 * @return
 */
 private String getLastUpdateTime() {
 SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
 return sdf.format(System.currentTimeMillis());
 }

 /**
 * 初始化动画
 */
 private void initAnimation() {
 upAnimation = new RotateAnimation(0f, -180f,
  Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
  0.5f);
 upAnimation.setDuration(500);
 upAnimation.setFillAfter(true); // 动画结束后, 停留在结束的位置上

 downAnimation = new RotateAnimation(-180f, -360f,
  Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
  0.5f);
 downAnimation.setDuration(500);
 downAnimation.setFillAfter(true); // 动画结束后, 停留在结束的位置上
 }

 @Override
 public boolean onTouchEvent(MotionEvent ev) {
 switch (ev.getAction()) {
  case MotionEvent.ACTION_DOWN :
  downY = (int) ev.getY();
  break;
  case MotionEvent.ACTION_MOVE :
  int moveY = (int) ev.getY();
  // 移动中的y - 按下的y = 间距.
  int diff = (moveY - downY) / 2;
  // -头布局的高度 + 间距 = paddingTop
  int paddingTop = -headerViewHeight + diff;
  // 如果: -头布局的高度 > paddingTop的值 执行super.onTouchEvent(ev);
  if (firstVisibleItemPosition == 0
   && -headerViewHeight < paddingTop) {
   if (paddingTop > 0 && currentState == DOWN_PULL_REFRESH) { // 完全显示了.
   Log.i(TAG, "松开刷新");
   currentState = RELEASE_REFRESH;
   refreshHeaderView();
   } else if (paddingTop < 0
    && currentState == RELEASE_REFRESH) { // 没有显示完全
   Log.i(TAG, "下拉刷新");
   currentState = DOWN_PULL_REFRESH;
   refreshHeaderView();
   }
   // 下拉头布局
   headerView.setPadding(0, paddingTop, 0, 0);
   return true;
  }
  break;
  case MotionEvent.ACTION_UP :
  // 判断当前的状态是松开刷新还是下拉刷新
  if (currentState == RELEASE_REFRESH) {
   Log.i(TAG, "刷新数据.");
   // 把头布局设置为完全显示状态
   headerView.setPadding(0, 0, 0, 0);
   // 进入到正在刷新中状态
   currentState = REFRESHING;
   refreshHeaderView();

   if (mOnRefershListener != null) {
   mOnRefershListener.onDownPullRefresh(); // 调用使用者的监听方法
   }
  } else if (currentState == DOWN_PULL_REFRESH) {
   // 隐藏头布局
   headerView.setPadding(0, -headerViewHeight, 0, 0);
  }
  break;
  default :
  break;
 }
 return super.onTouchEvent(ev);
 }

 /**
 * 根据currentState刷新头布局的状态
 */
 private void refreshHeaderView() {
 switch (currentState) {
  case DOWN_PULL_REFRESH : // 下拉刷新状态
  tvState.setText("下拉刷新");
  ivArrow.startAnimation(downAnimation); // 执行向下旋转
  break;
  case RELEASE_REFRESH : // 松开刷新状态
  tvState.setText("松开刷新");
  ivArrow.startAnimation(upAnimation); // 执行向上旋转
  break;
  case REFRESHING : // 正在刷新中状态
  ivArrow.clearAnimation();
  ivArrow.setVisibility(View.GONE);
  mProgressBar.setVisibility(View.VISIBLE);
  tvState.setText("正在刷新中...");
  break;
  default :
  break;
 }
 }

 /**
 * 当滚动状态改变时回调
 */
 @Override
 public void onScrollStateChanged(AbsListView view, int scrollState) {

 if (scrollState == SCROLL_STATE_IDLE
  || scrollState == SCROLL_STATE_FLING) {
  // 判断当前是否已经到了底部
  if (isScrollToBottom && !isLoadingMore) {
  isLoadingMore = true;
  // 当前到底部
  Log.i(TAG, "加载更多数据");
  footerView.setPadding(0, 0, 0, 0);
  this.setSelection(this.getCount());

  if (mOnRefershListener != null) {
   mOnRefershListener.onLoadingMore();
  }
  }
 }
 }

 /**
 * 当滚动时调用
 *
 * @param firstVisibleItem
 *  当前屏幕显示在顶部的item的position
 * @param visibleItemCount
 *  当前屏幕显示了多少个条目的总数
 * @param totalItemCount
 *  ListView的总条目的总数
 */
 @Override
 public void onScroll(AbsListView view, int firstVisibleItem,
    int visibleItemCount, int totalItemCount) {
 firstVisibleItemPosition = firstVisibleItem;

 if (getLastVisiblePosition() == (totalItemCount - 1)) {
  isScrollToBottom = true;
 } else {
  isScrollToBottom = false;
 }
 }

 /**
 * 设置刷新监听事件
 *
 * @param listener
 */
 public void setOnRefreshListener(OnRefreshListener listener) {
 mOnRefershListener = listener;
 }

 /**
 * 隐藏头布局
 */
 public void hideHeaderView() {
 headerView.setPadding(0, -headerViewHeight, 0, 0);
 ivArrow.setVisibility(View.VISIBLE);
 mProgressBar.setVisibility(View.GONE);
 tvState.setText("下拉刷新");
 tvLastUpdateTime.setText("最后刷新时间: " + getLastUpdateTime());
 currentState = DOWN_PULL_REFRESH;
 }

 /**
 * 隐藏脚布局
 */
 public void hideFooterView() {
 footerView.setPadding(0, -footerViewHeight, 0, 0);
 isLoadingMore = false;
 }
}

接下来再运行主Activity使用就行了

package jiexinkeji.com.shuaxin;

import android.app.Activity;
import android.graphics.Color;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.SystemClock;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity implements OnRefreshListener {

 private List<String> textList;
 private MyAdapter adapter;
 private RefreshListView rListView;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 rListView = (RefreshListView) findViewById(R.id.refreshlistview);
 textList = new ArrayList<String>();
 for (int i = 0; i < 25; i++) {
  textList.add("这是一条ListView的数据" + i);
 }
 adapter = new MyAdapter();
 rListView.setAdapter(adapter);
 rListView.setOnRefreshListener(this);
 }

 private class MyAdapter extends BaseAdapter {

 @Override
 public int getCount() {
  // TODO Auto-generated method stub
  return textList.size();
 }

 @Override
 public Object getItem(int position) {
  // TODO Auto-generated method stub
  return textList.get(position);
 }

 @Override
 public long getItemId(int position) {
  // TODO Auto-generated method stub
  return position;
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  // TODO Auto-generated method stub
  TextView textView = new TextView(MainActivity.this);
  textView.setText(textList.get(position));
  textView.setTextSize(18.0f);
  return textView;
 }

 }

 @Override
 public void onDownPullRefresh() {
 new AsyncTask<Void, Void, Void>() {

  @Override
  protected Void doInBackground(Void... params) {
  SystemClock.sleep(2000);
  for (int i = 0; i < 2; i++) {
   textList.add(0, "这是下拉刷新出来的数据" + i);
  }
  return null;
  }

  @Override
  protected void onPostExecute(Void result) {
  adapter.notifyDataSetChanged();
  rListView.hideHeaderView();
  }
 }.execute(new Void[]{});
 }

 @Override
 public void onLoadingMore() {
 new AsyncTask<Void, Void, Void>() {

  @Override
  protected Void doInBackground(Void... params) {
  SystemClock.sleep(5000);

  textList.add("这是加载更多出来的数据1");
  textList.add("这是加载更多出来的数据2");
  textList.add("这是加载更多出来的数据3");
  return null;
  }

  @Override
  protected void onPostExecute(Void result) {
  adapter.notifyDataSetChanged();

  // 控制脚布局隐藏
  rListView.hideFooterView();
  }
 }.execute(new Void[]{});
 }

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android实现外部唤起应用跳转指定页面的方法

    前言 通常有这么一个场景,就是分享内容到微信朋友圈等,然后点击内容中的某个按钮就可以唤起自家应用. 这里要讲的也是使用 scheme 的方式去实现跳转,先捋一捋思路,首先如果要外部能唤醒 App ,那么 App 肯定要先注册一个全局的事件监听吧.然后,应该有一个页面来处理接受事件然后解析出具体的参数然后跳转具体的页面.就是这么简单. 思路捋好来,那么就来一一实现吧. 注册事件监听 这里需要使用到 Android Activity中的 <intent-filter> ,现在可以创建一个解析跳转的

  • Android仿微信标签功能

    微信中有对联系人添加标签的功能,如下图所示. 这里有三种状态的标签,分别的未选择,选中,编辑中,由于前两种标签不需要提供输入,所以用TextView实现即可,编辑中的标签用EditText来实现.而标签的形状就用Shape来实现. 在drawable下新建xml文件,这里先上Shape的xml文件. tag_normal.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android=

  • Android单一实例全局可调用网络加载弹窗

    最近因为项目需求,需要完成一个全局的网络加载弹窗需求,真正完成这个需求之后,感觉最重要的不是结果,而是思维. 我刚开始接到这个需求的时候,第一种想到的方案是 基类加单例.但是实际做起来之后发现,因为单例的原因,你的弹窗只能在第一次创建这个单例的activity中显示出来. 那么发现这个问题之后在这个的基础上改进一下,如果我不用activity的上下文,而是采用类似于Application的一种全局上下文呢?当然,个人能力有限,这种想法就给毙掉了,后来由导师指点,利用service的上下文,dia

  • Android中LayoutInflater.inflater()的正确打开方式

    前言 LayoutInflater在开发中使用频率很高,但是一直没有太知道LayoutInflater.from(context).inflate()的真正用法,今天就看看源码的流程. 首先来看from()的源码: /** * Obtains the LayoutInflater from the given context. */ public static LayoutInflater from(Context context) { LayoutInflater LayoutInflater

  • Android加载loading对话框的功能及实例代码(不退出沉浸式效果)

    一.自定义Dialog 在沉浸式效果下,当界面弹出对话框时,对话框将获取到焦点,这将导致界面退出沉浸式效果,那么是不是能通过屏蔽对话框获取焦点来达到不退出沉浸式的目的呢.说干就干,我们先来看一下改善后的效果图. 普通对话框弹出效果 LoadingDialog弹出效果 自定义LoadingDialog public class LoadingDialog extends Dialog { public LoadingDialog(Context context) { super(context);

  • android如何取得本地通讯录的头像的原图的实现代码

    本文介绍了android如何取得本地通讯录的头像的原图的实现代码,分享给大家,也给自己留个笔记 如果想通讯录进入详情页,那么最重要的参数就是contactId,这个是联系人的唯一标识 getListView().setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position

  • Android中buildToolVersion与CompileSdkVersion的区别

    SDK中主要的目录: [build-tools]里面是不同版本(例如21.1.1)的build工具,这些工具包括了aapt打包工具.dx.bat.aidl.exe等等 [platform]是存放不同API-level版本SDK目录的地方 [platform-tools]是一些android平台相关的工具,adb.fastboot等 [tools]是指的安卓开发相关的工具,例如android.bat.ddms.bat(Dalvik debug Monitor Service).draw9patch

  • Android实现动态添加标签及其点击事件

    在做Android开发的时候,会遇到动态添加标签让用户选择的功能,所以自己写了个例子,运行效果图如下. 标签可以左右滑动进行选择,点击的时候,会弹出toast提示选择或者取消选择了哪个标签.通过动态添加TextView作为标签,并给TextView设置背景,通过selector选择器改变其背景颜色,来确定是否处于选中状态. 代码如下所示: 1.标签的布局文件,我在标签里只设置了一个TextView <?xml version="1.0" encoding="utf-8&

  • android的ListView点击item使item展开的做法的实现代码

    本文介绍了android的ListView点击item使item展开的做法的实现代码,分享给大家,具体如下: 效果图: 原理是点击item的时候,重新measure list的各个item的高度 list.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { My

  • Android定时器实现定时执行、重复执行、定时重复执行、定次数执行的多种方式

    作用: 1.定时执行某种功能 2.重复执行.定时重复执行.定次数执行某种功能 类别: 1. Thread(new Runnable) 2.Thread() 3.Timer 4.Handler ····· 代码如下: 1.布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/andro

随机推荐