Android学习(45) -- 自定义控件(9) 下拉刷新 (添加footer)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Android学习(45) -- 自定义控件(9) 下拉刷新 (添加footer),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含12410字,纯文字阅读大概需要18分钟。
内容图文
样式效果
1、创建底部的布局 layout_footer.xml
<?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_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="10dp" android:layout_marginTop="10dp" android:indeterminate="true" android:indeterminateDrawable="@drawable/indeterminate_drawable" android:indeterminateDuration="1000" android:visibility="invisible" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="10dp" android:layout_marginLeft="15dp" android:layout_marginTop="10dp" android:text="加载更多" android:textColor="#aa000000" android:textSize="20sp" /> </LinearLayout>
2、在自定义的ListView中 初始化话FooterView ,并添加到ListView的底部
/** * 初始化FooterView */ private void initFooterView() { footerView = View.inflate(getContext(), R.layout.layout_footer, null); //获取自定义组件的宽 高 footerView.measure(0, 0); footerViewHeight = footerView.getMeasuredHeight(); //将头部进行隐藏 footerView.setPadding(0, -footerViewHeight, 0, 0); //将FooterView添加到ListView的底部 addFooterView(footerView); }
3、让自定义View,并实现OnScrollListener并重写 ,在初始化方法中调用监听器
private void init(){ setOnScrollListener(this); ..... }
private boolean isLoadingMore = false; //当前是否正在处于加载更多
/** * scrollState的值: * 0 = SCROLL_STATE_IDLE: 闲置状态,就是手指松开 * 1 = SCROLL_STATE_TOUCH_SCROLL: 手指触摸滑动,就是按着来滑动 * 2 = SCROLL_STATE_FLING: 快速滑动后松开 */ @Override public void onScrollStateChanged(AbsListView view, int scrollState) { //Log.e("main", scrollState + ""); //当手指松开 并且 此时是ListView中的item是最后一条的时候 显示FooterView //getCount获取的是ListView的总的条数 if(scrollState == OnScrollListener.SCROLL_STATE_IDLE && getLastVisiblePosition() == (getCount() -1 ) && !isLoadingMore ){ isLoadingMore = true; footerView.setPadding(0, 0, 0, 0); //将列表移动到指定的Position处 setSelection(getCount()); //如果监听不为空 则调用加载更多方法 if(listener!=null){ listener.onLoadingMore(); } } } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { }
4、在接口中添加一个加载更多的方法
public interface OnRefreshListener{ //下来刷新的时候调用 void onPullRefresh(); //加载更多 void onLoadingMore(); }
5、在MainActivity中重写 --加载更多方法
private void initData() { 。。。。。 refLv.setOnRefreshListener(new OnRefreshListener() { public void onPullRefresh() { //Log.e("MainActivity", "进入正在刷新状态,此时应请求服务器数据"); //需要联网请求服务器数据,然后更新UI requestDataFromServer(false); } @Override public void onLoadingMore() { requestDataFromServer(true); } }); } /** * 模拟向服务器请求数据 * @param isLoadingMore 用于区分 是加载更多数据 还是下拉刷新 */ private void requestDataFromServer(final boolean isLoadingMore){ new Thread(){ public void run() { //模拟请求服务的一个时间长度 SystemClock.sleep(3000); //将数据添加到头部 if(isLoadingMore){ list.add("加载更多的数据-1"); list.add("加载更多的数据-2"); list.add("加载更多的数据-3"); }else { list.add(0, "下拉刷新的数据"); } //更新UI handler.sendEmptyMessage(0); }; }.start(); }
6、修改下 自定View中的 completeRefresh(),重置footerView状态
/** * 完成刷新 重置为下拉刷新状态 * 在请求完数据 更新Adapter之后 在UI线程中调用该方法 */ public void completeRefresh(){ if(isLoadingMore){ //重置FooterView状态 footerView.setPadding(0, -footerViewHeight, 0, 0); isLoadingMore = false; }else{ //HeaderView状态 //隐藏HeaderView headerView.setPadding(0, -headerViewHeight, 0, 0); //状态改变 currentState = PULL_REFRESH; //ProgressBar隐藏 pb_rotate.setVisibility(View.INVISIBLE); //图片显示 iv_arrow.setVisibility(View.VISIBLE); tv_state.setText("下拉刷新"); tv_time.setText("最后刷新: " + getCurrentTime()); } }
总的代码
自定义View
public class RefreshListView extends ListView implements OnScrollListener { private View headerView; //HeaderView private int headerViewHeight; //HeaderViewHeight private View footerView; // footerView private int footerViewHeight; // footerViewHeight private int downY ; //按下时 的 Y坐标点 private final int PULL_REFRESH = 0; //下拉刷新的状态 private final int RELEASE_REFRESH = 1; //松开刷新的状态 private final int REFRESHING = 2; //正在刷新的状态 private int currentState = PULL_REFRESH; private ImageView iv_arrow; private ProgressBar pb_rotate; private TextView tv_state; private TextView tv_time; private boolean isLoadingMore = false; //当前是否正在处于加载更多 //旋转动画 private RotateAnimation upAnimation, downAnimation; public RefreshListView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public RefreshListView(Context context) { super(context); init(); } /** * 初始化ListView中的数据 */ private void init(){ setOnScrollListener(this); //初始化HeaderView initHeaderView(); //初始化动画 initRotateAnimation(); //初始化FooterView initFooterView(); } /** * 初始化动画 */ private void initRotateAnimation() { //向上的动画 upAnimation = new RotateAnimation(0, -180, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f); upAnimation.setDuration(300); upAnimation.setFillAfter(true); //向下的动画 downAnimation = new RotateAnimation( -180, -360, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f); downAnimation.setDuration(300); downAnimation.setFillAfter(true); } /** * 添加一个HeaderView */ private void initHeaderView() { //获取头部的布局 headerView = View.inflate(getContext(), R.layout.layout_header, null); iv_arrow = (ImageView) headerView.findViewById(R.id.iv_arrow); pb_rotate = (ProgressBar) headerView.findViewById(R.id.pb_rotate); tv_state = (TextView) headerView.findViewById(R.id.tv_state); tv_time = (TextView) headerView.findViewById(R.id.tv_time); //获取自定义组件的宽 高 headerView.measure(0, 0); headerViewHeight = headerView.getMeasuredHeight(); //将头部进行隐藏 headerView.setPadding(0, -headerViewHeight, 0, 0); //将头部添加到RefreshListView中 addHeaderView(headerView); } /** * 初始化FooterView */ private void initFooterView() { footerView = View.inflate(getContext(), R.layout.layout_footer, null); //获取自定义组件的宽 高 footerView.measure(0, 0); footerViewHeight = footerView.getMeasuredHeight(); //将头部进行隐藏 footerView.setPadding(0, -footerViewHeight, 0, 0); //将FooterView添加到ListView的底部 addFooterView(footerView); } @Override public boolean onTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: downY = (int) ev.getY(); break; case MotionEvent.ACTION_MOVE: //如果在刷新中的话 就不让操作了 if(currentState == REFRESHING){ break; } //获取到移动的大小 int delaY = (int)(ev.getY() - downY) ; //计算出新的headerViewHeight int paddingTop = -headerViewHeight + delaY; if(paddingTop > -headerViewHeight && getFirstVisiblePosition() == 0){ headerView.setPadding(0, paddingTop, 0, 0); if(paddingTop >= 0 &¤tState == PULL_REFRESH){ //下拉刷新状态 进入松开刷新状态 currentState = RELEASE_REFRESH; refreshHeaderView(); }else if(paddingTop < 0 && currentState == RELEASE_REFRESH){ //松开刷新状态 进入下拉刷新状态 currentState = PULL_REFRESH; refreshHeaderView(); } //拦截TouchMove,不让listview处理该次move事件,会造成listview无法滑动 return true; } break; case MotionEvent.ACTION_UP: if(currentState == PULL_REFRESH){ //隐藏HeaderView headerView.setPadding(0, -headerViewHeight, 0, 0); }else if(currentState == RELEASE_REFRESH){ headerView.setPadding(0, 0, 0, 0); currentState = REFRESHING; refreshHeaderView(); //模拟延时 // new Handler().postDelayed(new Runnable() { // // @Override // public void run() { // completeRefresh(); // } // }, 3000); if(listener != null){ listener.onPullRefresh(); } } break; } return super.onTouchEvent(ev); } /** * 根据 currentState 来更新 HeaderView */ private void refreshHeaderView(){ switch (currentState) { case PULL_REFRESH: //下拉刷新的状态 tv_state.setText("下拉刷新"); iv_arrow.startAnimation(downAnimation); break; case RELEASE_REFRESH: //松开刷新的状态 tv_state.setText("松开刷新"); iv_arrow.startAnimation(upAnimation); break; case REFRESHING://正在刷新的状态 //清除动画 可能动画未执行完毕 所以需要清除动画 iv_arrow.clearAnimation(); //让图标隐藏 iv_arrow.setVisibility(View.INVISIBLE); //ProgressBar 显示可见 pb_rotate.setVisibility(View.VISIBLE); tv_state.setText("正在刷新..."); break; } } /** * 完成刷新 重置为下拉刷新状态 * 在请求完数据 更新Adapter之后 在UI线程中调用该方法 */ public void completeRefresh(){ if(isLoadingMore){ //重置FooterView状态 footerView.setPadding(0, -footerViewHeight, 0, 0); isLoadingMore = false; }else{ //HeaderView状态 //隐藏HeaderView headerView.setPadding(0, -headerViewHeight, 0, 0); //状态改变 currentState = PULL_REFRESH; //ProgressBar隐藏 pb_rotate.setVisibility(View.INVISIBLE); //图片显示 iv_arrow.setVisibility(View.VISIBLE); tv_state.setText("下拉刷新"); tv_time.setText("最后刷新: " + getCurrentTime()); } } /** * 获取当前时间 * @return */ private String getCurrentTime(){ SimpleDateFormat format = new SimpleDateFormat("yy-MM-dd HH:mm:ss"); return format.format(new Date()); } /** * 定义刷新监听接口,用于处理刷新过程中业务逻辑请求的处理 * @author Denny * @date 2016-4-26 */ public interface OnRefreshListener{ //下来刷新的时候调用 void onPullRefresh(); //加载更多 void onLoadingMore(); } private OnRefreshListener listener; public void setOnRefreshListener( OnRefreshListener listener){ this.listener = listener; } /** * scrollState的值: * 0 = SCROLL_STATE_IDLE: 闲置状态,就是手指松开 * 1 = SCROLL_STATE_TOUCH_SCROLL: 手指触摸滑动,就是按着来滑动 * 2 = SCROLL_STATE_FLING: 快速滑动后松开 */ @Override public void onScrollStateChanged(AbsListView view, int scrollState) { //Log.e("main", scrollState + ""); //当手指松开 并且 此时是ListView中的item是最后一条的时候 显示FooterView //getCount获取的是ListView的总的条数 if(scrollState == OnScrollListener.SCROLL_STATE_IDLE && getLastVisiblePosition() == (getCount() -1 ) && !isLoadingMore ){ isLoadingMore = true; footerView.setPadding(0, 0, 0, 0); //将列表移动到指定的Position处 setSelection(getCount()); //如果监听不为空 则调用加载更多方法 if(listener!=null){ listener.onLoadingMore(); } } } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { } }
MainActivity
public class MainActivity extends Activity { private RefreshListView refLv; private ArrayList<String> list = new ArrayList<String>(); private MyAdapter myAdapter; private Handler handler = new Handler(){ public void handleMessage(android.os.Message msg) { //更新UI myAdapter.notifyDataSetChanged(); //重置状态 refLv.completeRefresh(); }; }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); initView(); initData(); } /** * 初始化View */ private void initView() { setContentView(R.layout.activity_main); refLv = (RefreshListView) findViewById(R.id.refLv); } /** * 初始化数据 */ private void initData() { for (int i = 0; i < 15; i++) { list.add("ListView原来数据 :" + i); } //获取头部的布局 // final View headerView = View.inflate(MainActivity.this, // R.layout.layout_header, null); //1、第一种 获取自动加载View的高度的方式 使用监听的方式 // //使用inflate是异步的 要想获取到加载组件的高度 需要使用 getViewTreeObserver 进行监听 // headerView.getViewTreeObserver().addOnGlobalLayoutListener( // new OnGlobalLayoutListener() { // // @Override // public void onGlobalLayout() { // // //要先remove掉一下 // headerView.getViewTreeObserver().removeGlobalOnLayoutListener(this); // // //获取头部布局的高度 // int headerViewHeight = headerView.getHeight(); // //将头部进行隐藏 // headerView.setPadding(0, -headerViewHeight, 0, 0); // refLv.addHeaderView(headerView); // } // }); // 第 一种 获取动态 自定义组件的宽 高 // headerView.measure(0, 0); //自动的通知系统获取高度和宽度 // int headerViewHeight = headerView.getMeasuredHeight(); // //将头部进行隐藏 // headerView.setPadding(0, -headerViewHeight, 0, 0); // refLv.addHeaderView(headerView); myAdapter = new MyAdapter(); refLv.setAdapter(myAdapter); refLv.setOnRefreshListener(new OnRefreshListener() { public void onPullRefresh() { //Log.e("MainActivity", "进入正在刷新状态,此时应请求服务器数据"); //需要联网请求服务器数据,然后更新UI requestDataFromServer(false); } @Override public void onLoadingMore() { requestDataFromServer(true); } }); } /** * 模拟向服务器请求数据 * @param isLoadingMore 用于区分 是加载更多数据 还是下拉刷新 */ private void requestDataFromServer(final boolean isLoadingMore){ new Thread(){ public void run() { //模拟请求服务的一个时间长度 SystemClock.sleep(3000); //将数据添加到头部 if(isLoadingMore){ list.add("加载更多的数据-1"); list.add("加载更多的数据-2"); list.add("加载更多的数据-3"); }else { list.add(0, "下拉刷新的数据"); } //更新UI handler.sendEmptyMessage(0); }; }.start(); } class MyAdapter extends BaseAdapter { @Override public int getCount() { return list.size(); } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return 0; } @Override public View getView(int position, View convertView, ViewGroup parent) { TextView tv = new TextView(MainActivity.this); tv.setPadding(20, 20, 20, 20); tv.setTextSize(18); tv.setText(list.get(position)); return tv; } } }
原文:http://blog.csdn.net/idiandi/article/details/51250127
内容总结
以上是互联网集市为您收集整理的Android学习(45) -- 自定义控件(9) 下拉刷新 (添加footer)全部内容,希望文章能够帮你解决Android学习(45) -- 自定义控件(9) 下拉刷新 (添加footer)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。