ListView在实际实用中,一般都会有下新刷新和上拉加载的动态效果,今天要学的就是如何自定义带下拉刷新的ListView。
成都创新互联公司长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为惠济企业提供专业的网站设计、网站制作,惠济网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。
原理解析:一般将有下拉刷新的listview分成四种不同的状态来进行不同的显示效果。
实现步骤:
package com.hapzhu.customlv; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.widget.ImageView; import android.widget.ListView; import android.widget.ProgressBar; import android.widget.TextView; public class CustomListview extends ListView { View headerView; int height; private TextView tvActionTip; private ImageView ivArrow; private ProgressBar pbRefreshing; final static int STATE_DONE = 1; final static int STATE_PULL = 2; final static int STATE_RELEASE = 3; final static int STATE_REFRESHING = 4; int currentState; int downY; public CustomListview(Context context, AttributeSet attrs) { super(context, attrs); headerView = View.inflate(context, R.layout.listview_header, null); this.addHeaderView(headerView); // 用setPadding方法设置Top的大小来把headerview隐藏掉 // 不能用GetHeight方法来实现,因为这个方法只能用来测试可见的控件 // 要用measureHeight的方法来实现测试,这个方法要先测试0,0的位置 headerView.measure(0, 0); height = headerView.getMeasuredHeight(); headerView.setPadding(0, -height, 0, 0); initView(); // 设置第一个状态 currentState = STATE_DONE; } private void initView() { tvActionTip = (TextView) headerView.findViewById(R.id.tv_state); ivArrow = (ImageView) headerView.findViewById(R.id.iv_arrow); pbRefreshing = (ProgressBar) headerView.findViewById(R.id.progressBar); } boolean isRefresh = false; @Override public boolean onTouchEvent(MotionEvent ev) { try { // 事件类型 int action = ev.getAction(); switch (action) { case MotionEvent.ACTION_DOWN:// 往下滑的手势 if (currentState == STATE_DONE) {// 只有在完成状态时才会有业务动作 // 触发下拉手势的Y坐标 downY = (int) ev.getY(); // 切换状态 currentState = STATE_PULL; } break; case MotionEvent.ACTION_MOVE:// 正在拖动的手势 if (currentState == STATE_PULL) {// 只有在下拉状态时才会有动作 int currentY = (int) ev.getY();// 得到正在不断改变的当前Y坐标 int top = currentY - downY - height;// 这个值是下拉时头部视图的高度显示,要慢慢变化 headerView.setPadding(0, top, 0, 0); if (currentY - downY > height) {// 如果下拉的高度超过了头视图的高度,则改变状态 currentState = STATE_RELEASE; tvActionTip.setText("松开刷新"); } } break; case MotionEvent.ACTION_UP: if (currentState == STATE_RELEASE) {// 只有在释放状态时才进行刷新动作 tvActionTip.setText("刷新中");// 改变文字 提示 currentState = STATE_REFRESHING;// 改变状态,变为刷新状态 ivArrow.setVisibility(GONE);// 箭头隐藏 pbRefreshing.setVisibility(VISIBLE);// 进度条显示 isRefresh = true; if(onRefreshListener!=null){ //如果回调接口不为空,则进行更新的事务 onRefreshListener.OnRefresh(this); } } else { if (!isRefresh) { // 如果当前的下拉距离小于高度时,再把头部视图隐藏 headerView.setPadding(0, -height, 0, 0); // 一定要记得把状态改回去,不然会没法再次向下拉 currentState = STATE_DONE; } } break; } } catch (Exception e) { } return super.onTouchEvent(ev); } // 1定义接口 interface OnRefreshListener { // 在主程序中使用框架中的Custom来改变数据更新完之后的界面 public void OnRefresh(CustomListview customLv); } // 2.申明接口 OnRefreshListener onRefreshListener; // 3.传递接口 public void setOnRefreshListener(OnRefreshListener onRefreshListener) { this.onRefreshListener = onRefreshListener; } public void refreshComplete(){ isRefresh=false; //更新数据结果后,再回调这个方法 headerView.setPadding(0, -height, 0, 0); // 一定要记得把状态改回去,不然会没法再次向下拉 currentState = STATE_DONE; //将进度条设为不可见,将箭头设为可见,将文字改回去 ivArrow.setVisibility(VISIBLE);// 箭头显示 pbRefreshing.setVisibility(GONE);// 进度条隐去 tvActionTip.setText("下拉刷新");// 改变文字 提示 } }
今天新学了UML图,于是就将这个状态图画出来了。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对创新互联的支持。如果你想了解更多相关内容请查看下面相关链接