自定义可刷新的LIstView
来源:互联网 发布:傻瓜app编程软件 编辑:程序博客网 时间:2024/05/28 19:24
ListView的下拉刷新和上拉加载的简单实现
先来看看效果:
下面我们先把布局文件做出来:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity" ><com.wanchuan.refreshlist.ui.RefreshListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent" ></com.wanchuan.refreshlist.ui.RefreshListView></RelativeLayout>
这是主界面的布局,其实就是我们自定义的Listview。至于这里如何把这个控件名称获取到,请参看我的上一篇博客,这里就不再赘述了。
下面这个是下拉刷新的布局:
<?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="horizontal"><FrameLayout android:layout_margin="5dp" android:layout_width="50dp" android:layout_height="50dp" > <ImageView android:id="@+id/iv_arrow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:src="@drawable/common_listview_headview_red_arrow" /> <ProgressBar android:id="@+id/pb" android:layout_width="match_parent" android:layout_height="match_parent" android:indeterminateDrawable="@drawable/shape_progress" android:visibility="invisible" /></FrameLayout><LinearLayout android:layout_margin="5dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:orientation="vertical" > <TextView android:id="@+id/tv_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:text="下拉刷新" android:textColor="#F00" android:textSize="18sp" /> <TextView android:id="@+id/tv_desc_last_refresh" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:singleLine="true" android:text="最后刷新时间: 2017-5-7 09:20:35" android:textColor="#666" 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:gravity="center" android:orientation="horizontal" ><ProgressBar android:layout_margin="5dp" android:layout_width="50dp" android:layout_height="50dp" android:indeterminateDrawable="@drawable/shape_progress" /><TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="加载更多..." android:textColor="#F00" android:layout_marginLeft="15dp" android:textSize="18sp" /></LinearLayout>
下面的是对应启动的mainACtivity中的代码,主要是在下拉和上划过程中的处理事件。
public class MainActivity extends Activity { private RefreshListView listview; private ArrayList<String> listDatas; private MyAdapter adapter;@Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE);// 去掉标题 setContentView(R.layout.activity_main); listview = (RefreshListView) findViewById(R.id.listview); listview.setRefreshListener(new OnRefreshListener() { @Override public void onRefresh() { new Thread(){ public void run() { try { Thread.sleep(2000); } catch (InterruptedException e) { e.printStackTrace(); } listDatas.add(0,"我是下拉刷新出来的数据!"); runOnUiThread(new Runnable() { @Override public void run() { adapter.notifyDataSetChanged(); listview.onRefreshComplete(); } }); }; }.start(); } @Override public void onLoadMore() { new Thread(){ public void run() { try { Thread.sleep(2000); } catch (InterruptedException e) { e.printStackTrace(); } listDatas.add("我是加载更多出来的数据!1"); listDatas.add("我是加载更多出来的数据!2"); listDatas.add("我是加载更多出来的数据!3"); runOnUiThread(new Runnable() { @Override public void run() { adapter.notifyDataSetChanged(); listview.onRefreshComplete(); } }); }; }.start(); } }); listDatas = new ArrayList<String>(); for (int i = 0; i < 30; i++) { listDatas.add("这是一条ListView数据: " + i); } // 设置数据适配器 adapter = new MyAdapter(); listview.setAdapter(adapter);}class MyAdapter extends BaseAdapter { @Override public int getCount() { return listDatas.size(); } @Override public View getView(int position, View convertView, ViewGroup parent) { TextView textView = new TextView(parent.getContext()); textView.setTextSize(18f); textView.setText(listDatas.get(position)); return textView; } @Override public Object getItem(int position) { return listDatas.get(position); } @Override public long getItemId(int position) { return position; }}}
接下来就是如何去做出下拉刷新和上拉加载的界面效果,其实这种方式就是一个自定义控件的过程,就是相当于自定义一个可实现刷新功能的listView,既然是自定义的ListView那么当然我们就去继承ListView去添加一些他没有的功能,看下文,代码有点多,但是实现的功能没有问题:
/** * 包含下拉刷新功能的ListView * @author poplar * */public class RefreshListView extends ListView implements OnScrollListener{private View mHeaderView; // 头布局private float downY; // 按下的y坐标private float moveY; // 移动后的y坐标private int mHeaderViewHeight; // 头布局高度public static final int PULL_TO_REFRESH = 0;// 下拉刷新public static final int RELEASE_REFRESH = 1;// 释放刷新public static final int REFRESHING = 2; // 刷新中private int currentState = PULL_TO_REFRESH; // 当前刷新模式private RotateAnimation rotateUpAnim; // 箭头向上动画private RotateAnimation rotateDownAnim; // 箭头向下动画private View mArrowView; // 箭头布局private TextView mTitleText; // 头布局标题private ProgressBar pb; // 进度指示器private TextView mLastRefreshTime; // 最后刷新时间private OnRefreshListener mListener; // 刷新监听private View mFooterView; // 脚布局private int mFooterViewHeight; // 脚布局高度private boolean isLoadingMore; // 是否正在加载更多public RefreshListView(Context context) { super(context); init();}public RefreshListView(Context context, AttributeSet attrs) { super(context, attrs); init();}public RefreshListView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init();}/** * 初始化头布局, 脚布局 * 滚动监听 */private void init() { initHeaderView(); initAnimation(); initFooterView(); setOnScrollListener(this);}/** * 初始化脚布局 */private void initFooterView() { mFooterView = View.inflate(getContext(), R.layout.layout_footer_list, null); mFooterView.measure(0, 0); mFooterViewHeight = mFooterView.getMeasuredHeight(); // 隐藏脚布局 mFooterView.setPadding(0, -mFooterViewHeight, 0, 0); addFooterView(mFooterView);}/** * 初始化头布局的动画 */private void initAnimation() { // 向上转, 围绕着自己的中心, 逆时针旋转0 -> -180. rotateUpAnim = new RotateAnimation(0f, -180f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); rotateUpAnim.setDuration(300); rotateUpAnim.setFillAfter(true); // 动画停留在结束位置 // 向下转, 围绕着自己的中心, 逆时针旋转 -180 -> -360 rotateDownAnim = new RotateAnimation(-180f, -360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); rotateDownAnim.setDuration(300); rotateDownAnim.setFillAfter(true); // 动画停留在结束位置}/** * 初始化头布局 */private void initHeaderView() { mHeaderView = View.inflate(getContext(), R.layout.layout_header_list, null); mArrowView = mHeaderView.findViewById(R.id.iv_arrow); pb = (ProgressBar) mHeaderView.findViewById(R.id.pb); mTitleText = (TextView) mHeaderView.findViewById(R.id.tv_title); mLastRefreshTime = (TextView) mHeaderView.findViewById(R.id.tv_desc_last_refresh); // 提前手动测量宽高 mHeaderView.measure(0, 0);// 按照设置的规则测量 mHeaderViewHeight = mHeaderView.getMeasuredHeight(); System.out.println(" measuredHeight: " + mHeaderViewHeight); // 设置内边距, 可以隐藏当前控件 , -自身高度 mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0); // 在设置数据适配器之前执行添加 头布局/脚布局 的方法. addHeaderView(mHeaderView);}@Overridepublic boolean onTouchEvent(MotionEvent ev) { // 判断滑动距离, 给Header设置paddingTop switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: downY = ev.getY(); System.out.println("downY: " + downY); break; case MotionEvent.ACTION_MOVE: moveY = ev.getY(); System.out.println("moveY: " + moveY); // 如果是正在刷新中, 就执行父类的处理 if(currentState == REFRESHING){ return super.onTouchEvent(ev); } float offset = moveY - downY; // 移动的偏移量 // 只有 偏移量>0, 并且当前第一个可见条目索引是0, 才放大头部 if(offset > 0 && getFirstVisiblePosition() == 0){// int paddingTop = -自身高度 + 偏移量 int paddingTop = (int) (- mHeaderViewHeight + offset); mHeaderView.setPadding(0, paddingTop, 0, 0); if(paddingTop >= 0 && currentState != RELEASE_REFRESH){// 头布局完全显示 System.out.println("切换成释放刷新模式: " + paddingTop); // 切换成释放刷新模式 currentState = RELEASE_REFRESH; updateHeader(); // 根据最新的状态值更新头布局内容 }else if(paddingTop < 0 && currentState != PULL_TO_REFRESH){ // 头布局不完全显示 System.out.println("切换成下拉刷新模式: " + paddingTop); // 切换成下拉刷新模式 currentState = PULL_TO_REFRESH; updateHeader(); // 根据最新的状态值更新头布局内容 } return true; // 当前事件被我们处理并消费 } break; case MotionEvent.ACTION_UP: // 根据刚刚设置状态 if(currentState == PULL_TO_REFRESH){// - paddingTop < 0 不完全显示, 恢复 mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0); }else if(currentState == RELEASE_REFRESH){// - paddingTop >= 0 完全显示, 执行正在刷新... mHeaderView.setPadding(0, 0, 0, 0); currentState = REFRESHING; updateHeader(); } break; default: break; } return super.onTouchEvent(ev);}/** * 根据状态更新头布局内容 */private void updateHeader() { switch (currentState) { case PULL_TO_REFRESH: // 切换回下拉刷新 // 做动画, 改标题 mArrowView.startAnimation(rotateDownAnim); mTitleText.setText("下拉刷新"); break; case RELEASE_REFRESH: // 切换成释放刷新 // 做动画, 改标题 mArrowView.startAnimation(rotateUpAnim); mTitleText.setText("释放刷新"); break; case REFRESHING: // 刷新中... mArrowView.clearAnimation(); mArrowView.setVisibility(View.INVISIBLE); pb.setVisibility(View.VISIBLE); mTitleText.setText("正在刷新中..."); if(mListener != null){ mListener.onRefresh(); // 通知调用者, 让其到网络加载更多数据. } break; default: break; }}/** * 刷新结束, 恢复界面效果 */public void onRefreshComplete() { if(isLoadingMore){ // 加载更多 mFooterView.setPadding(0, -mFooterViewHeight, 0, 0); isLoadingMore = false; }else { // 下拉刷新 currentState = PULL_TO_REFRESH; mTitleText.setText("下拉刷新"); // 切换文本 mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);// 隐藏头布局 pb.setVisibility(View.INVISIBLE); mArrowView.setVisibility(View.VISIBLE); String time = getTime(); mLastRefreshTime.setText("最后刷新时间: " + time); }}private String getTime() { long currentTimeMillis = System.currentTimeMillis(); SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); return format.format(currentTimeMillis);}public interface OnRefreshListener{ void onRefresh(); // 下拉刷新 void onLoadMore();// 加载更多}public void setRefreshListener(OnRefreshListener mListener) { this.mListener = mListener;}// public static int SCROLL_STATE_IDLE = 0; // 空闲// public static int SCROLL_STATE_TOUCH_SCROLL = 1; // 触摸滑动// public static int SCROLL_STATE_FLING = 2; // 滑翔@Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) { // 状态更新的时候 System.out.println("scrollState: " + scrollState); if(isLoadingMore){ return; // 已经在加载更多.返回 } // 最新状态是空闲状态, 并且当前界面显示了所有数据的最后一条. 加载更多 if(scrollState == SCROLL_STATE_IDLE && getLastVisiblePosition() >= (getCount() - 1)){ isLoadingMore = true; System.out.println("scrollState: 开始加载更多"); mFooterView.setPadding(0, 0, 0, 0); setSelection(getCount()); // 跳转到最后一条, 使其显示出加载更多. if(mListener != null){ mListener.onLoadMore(); } }}@Overridepublic void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { // 滑动过程}}
其实上面的逻辑代码比较多,但是其实现过程的思想不太难,只要能看懂就是成功了一大半,最重要的是理解这种方法,思想很重要,逻辑代码是通过长期积累的,看得多了,自然会写了,注重逻辑思维就行了。
0 0
- 自定义可刷新的LIstView
- Android自定义ListView(一) - 可下拉刷新的ListView
- 自定义下拉刷新的listview
- android 开发笔记 自定义可下拉刷新上拉加载的ListView
- 自定义可下拉刷新的WebView
- 自定义的下拉刷新的listview
- 自定义组件,下拉刷新的ListView
- Android : 自定义下拉刷新的ListView
- 自定义带下拉刷新的ListView
- 自定义listview实现下拉刷新的效果
- 自定义ListView的下拉刷新控件
- Android 自定义listview的下拉刷新
- 自定义可适应ScrollView的ListView
- 自定义可适应ScrollView的ListView
- android ListView下拉刷新及上拉加载 (自定义ListView,可直接使用)
- 自定义ListView,下拉刷新
- 自定义下拉刷新ListView
- 自定义listView下拉刷新
- 使用Python求取前100组勾股数
- 去掉LINUX系统对用户的内存大小和文件句柄限制等限制
- Python统计多个Powerpoint文件中幻灯片总数量
- 【CS231n】Lecture 6:Training Neural Networks,Part 2
- WordPress Exploit-4-6 RCE CVE-2016-10033
- 自定义可刷新的LIstView
- C# 餐桌项目增加、修改、删除、查询(登录注册界面)
- 二叉树三种遍历方式之循环
- 剑指offer-49.把字符串转换成整数
- finished with non-zero exit value 1
- HDU2546 饭卡(背包)
- XmlBeanFactory过期解决方法
- 如何锁定横屏或竖屏
- Python 3基础教程34-tkinter添加一个按钮