Android自定义listview布局实现上拉加载下拉刷新功能
2019/7/7 21:04:41
本文主要是介绍Android自定义listview布局实现上拉加载下拉刷新功能,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
listview实现上拉加载以及下拉刷新的方式有很多。下面是我写的一种自定义的布局,复用性也比较的强。首先就是继承的listview的自定义view。
AutoListView.Java:
package com.example.mic.testdemo.view; import android.annotation.TargetApi; import android.content.Context; import android.os.Build; import android.os.Bundle; import android.util.AttributeSet; import android.util.Log; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.View; import android.view.ViewGroup; import android.view.animation.Animation; import android.view.animation.LinearInterpolator; 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 com.example.mic.testdemo.R; import java.text.SimpleDateFormat; /** * Created by DFLENOVO on 2016/8/3. */ public class AutoListView extends ListView implements AbsListView.OnScrollListener { public static final String FOOTER = "FOOTER"; public static final String HEADER = "HEADER"; private static final int PULL = 1; private static final int NONE = 0; // private static final int RELEASE = 2; private static final int REFRESHING = 2; private static final int SPACE = 20; private static final String TAG = "AutoListView"; private RotateAnimation downAnimation; private RotateAnimation upAnimation; private Context context; private LayoutInflater inflater; private View footer; private View header; private int headerContentInitialHeight; private int headerContentHeight; private OnRefreshListener onRefreshListener; private boolean loadEnable; private OnLoadListener onLoadListener; private int firstVisibleItem; private boolean isLoadingMore = false; private int startY; private int state; private ImageView iv_pull; private int footerViewHeight; private ProgressBar mProgressBar; private TextView tvState; private TextView tvLastUpdateTime; private boolean isScrollToBottom; public AutoListView(Context context) { super(context); initView(context); } public AutoListView(Context context, AttributeSet attrs) { super(context, attrs); initView(context); } public AutoListView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initView(context); } @TargetApi(Build.VERSION_CODES.LOLLIPOP) public AutoListView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr, defStyleRes); initView(context); } private void initView(Context context) { initHeaderView(); initFooterView(); this.setOnScrollListener(this); // } private void initHeaderView() { header = View.inflate(getContext(), R.layout.pull_to_refresh_header, null); iv_pull = (ImageView) header .findViewById(R.id.iv_pull); mProgressBar = (ProgressBar) header .findViewById(R.id.pb_listview_header); tvState = (TextView) header .findViewById(R.id.tv_listview_header_state); tvLastUpdateTime = (TextView) header .findViewById(R.id.tv_listview_header_last_update_time); // 设置最后刷新时间 tvLastUpdateTime.setText("最后刷新时间: " + getLastUpdateTime()); header.measure(0, 0); // 系统会帮我们测量出headerView的高度 headerContentHeight = header.getMeasuredHeight(); header.setPadding(0, -headerContentHeight, 0, 0); this.addHeaderView(header,HEADER,true); // 向ListView的顶部添加一个view对象 initAnimation(); } 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); // 动画结束后, 停留在结束的位置上 } private String getLastUpdateTime() { SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); return sdf.format(System.currentTimeMillis()); } private void initFooterView() { footer = View.inflate(getContext(), R.layout.foot_view, null); footer.measure(0, 0); footerViewHeight = footer.getMeasuredHeight(); footer.setPadding(0, -footerViewHeight, 0, 0); this.addFooterView(footer,FOOTER,true); } private void measureView(View child) { ViewGroup.LayoutParams p = child.getLayoutParams(); if (p == null) { p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_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);//得到的是size。 } else { childHeightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);//得到的是子布局的实际大小。 } child.measure(childWidthSpec, childHeightSpec); } private void topPadding(int topPadding) { header.setPadding(header.getPaddingLeft(), topPadding, header.getPaddingRight(), header.getPaddingBottom()); header.invalidate(); } @Override public void onScrollStateChanged(AbsListView absListView, int i) { if (i == SCROLL_STATE_IDLE || i == SCROLL_STATE_FLING) { // 判断当前是否已经到了底部 if (isScrollToBottom && !isLoadingMore) { isLoadingMore = true; // 当前到底部 Log.i(TAG, "加载更多数据"); footer.setPadding(0, 0, 0, 0); this.setSelection(this.getCount()); if (onLoadListener != null) { onLoadListener.onLoad(); } } } } @Override public void onScroll(AbsListView absListView, int i, int i1, int i2) { this.firstVisibleItem = i; if (getLastVisiblePosition() == (i2 - 1)) { isScrollToBottom = true; } else { isScrollToBottom = false; } } @Override public boolean onTouchEvent(MotionEvent ev) { switch (ev.getAction()) { // case MotionEvent.ACTION_DOWN: startY = (int) ev.getY(); break; case MotionEvent.ACTION_MOVE: int moveY = (int) ev.getY(); // 移动中的y - 按下的y = 间距. int diff = (moveY - startY) / 2; // -头布局的高度 + 间距 = paddingTop int paddingTop = -headerContentHeight + diff; // 如果: -头布局的高度 > paddingTop的值 执行super.onTouchEvent(ev); if (firstVisibleItem == 0 && -headerContentHeight < paddingTop) { if (paddingTop > 0 && state == NONE) { // 完全显示了. Log.i(TAG, "松开刷新"); state = PULL; refreshHeaderViewByState(); } else if (paddingTop < 0 && state == PULL) { // 没有显示完全 Log.i(TAG, "下拉刷新"); state = NONE; refreshHeaderViewByState(); } // 下拉头布局 header.setPadding(0, paddingTop, 0, 0); } break; case MotionEvent.ACTION_UP: // 判断当前的状态是松开刷新还是下拉刷新 if (state == PULL) { Log.i(TAG, "刷新数据."); // 把头布局设置为完全显示状态 header.setPadding(0, 0, 0, 0); // 进入到正在刷新中状态 state = REFRESHING; refreshHeaderViewByState(); if (onRefreshListener != null) { onRefreshListener.onRefresh(); // 调用使用者的监听方法 } } else if (state == NONE) { // 隐藏头布局 header.setPadding(0, -headerContentHeight, 0, 0); } break; default: break; } return super.onTouchEvent(ev); } // private void refreshHeaderViewByState() { switch (state) { // case NONE: // 下拉刷新状态 tvState.setText("下拉刷新"); iv_pull.startAnimation(downAnimation); // 执行向下旋转 break; case PULL: // 松开刷新状态 tvState.setText("松开刷新"); iv_pull.startAnimation(upAnimation); // 执行向上旋转 break; case REFRESHING: // 正在刷新中状态 iv_pull.clearAnimation(); iv_pull.setVisibility(View.GONE); mProgressBar.setVisibility(View.VISIBLE); tvState.setText("正在刷新中..."); break; default: break; } } public void hideHeaderView() { header.setPadding(0, -headerContentHeight, 0, 0); iv_pull.setVisibility(View.VISIBLE); mProgressBar.setVisibility(View.GONE); tvState.setText("下拉刷新"); tvLastUpdateTime.setText("最后刷新时间: " + getLastUpdateTime()); state = NONE; } public void hideFooterView() { footer.setPadding(0, -footerViewHeight, 0, 0); isLoadingMore = false; } public void setOnRefreshListener(OnRefreshListener onRefreshListener) { this.onRefreshListener = onRefreshListener; } public void setOnLoadListener(OnLoadListener onLoadListener) { this.onLoadListener = onLoadListener; } public void onRefresh() { if (onRefreshListener != null) { onRefreshListener.onRefresh(); } } public void onLoad() { if (onLoadListener != null) { onLoadListener.onLoad(); } } public interface OnRefreshListener {//定义下拉刷新接口 public void onRefresh(); } public interface OnLoadListener {//定义上拉加载更多 public void onLoad(); } }
上面的代码就是实现的关键.下面是头布局以及脚布局:
foot_view.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"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="加载更多" android:textSize="20dp" android:padding="10dp" android:layout_centerHorizontal="true"/> </RelativeLayout>
pull_to_refresh_header.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" 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_pull" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:minWidth="30dip" android:src="@mipmap/xlistview_arrow" /> <ProgressBar android:id="@+id/pb_listview_header" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" 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:textColor="@android:color/black" android:textSize="14sp" /> </LinearLayout> </LinearLayout>
activity_main.xml:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.mic.testdemo.MainActivity"> <com.example.mic.testdemo.view.AutoListView android:id="@+id/lv" android:layout_width="match_parent" android:layout_height="match_parent"> </com.example.mic.testdemo.view.AutoListView> </RelativeLayout>
上面所完成的步骤就是在listview上下加载不同的布局,上面也是要复用的代码,下面的代码就是怎么使用的代码了.
MainActivity.java:
public class MainActivity extends AppCompatActivity implements AutoListView.OnLoadListener,AutoListView.OnRefreshListener { private TextView textView; private String result; private AutoListView listView; private MyAdater adater; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (AutoListView) findViewById(R.id.lv);} listView.setOnRefreshListener(MainActivity.this); listView.setOnLoadListener(MainActivity.this); @Override public void onLoad() { } @Override public void onRefresh() {}
下面就是实现,就是在你需要的地方设置监听,以及上面加载以及刷新需要的操作就可以了!
以上所述是小编给大家介绍的Android自定义listview布局实现上拉加载下拉刷新功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!
这篇关于Android自定义listview布局实现上拉加载下拉刷新功能的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-01-18android.permission.read_media_video
- 2024-01-18android_getaddrinfo failed eai_nodata
- 2024-01-18androidmo
- 2024-01-15Android下三种离屏渲染技术
- 2024-01-09Android 蓝牙使用
- 2024-01-06Android对接华为AI - 文本识别
- 2023-11-15代码安全之代码混淆及加固(Android)
- 2023-11-10简述Android语音播报TTS
- 2023-11-06Android WiFi工具类
- 2023-07-22Android开发未来的出路