android 項目學習隨筆十一（ListView下拉刷新提示）

時間  2019-11-20
標籤 android 項目 學習 隨筆 十一 listview 下拉 刷新 提示 欄目 Android 简体版
原文   原文鏈接

一、 設置mHeaderView.setPadding TOPPADING爲負值，隱藏刷新提示頭佈局java

在onTouchEvent事件中進行頭佈局顯示隱藏切換android

import java.text.SimpleDateFormat;
import java.util.Date;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;

import com.itheima.zhsh66.R;

/**
 * 下拉刷新的listview
 * 
 */
public class RefreshListView extends ListView {

    private static final int STATE_PULL_TO_REFRESH = 1;// 下拉刷新
    private static final int STATE_RELEASE_TO_REFRESH = 2;// 鬆開刷新
    private static final int STATE_REFRESHING = 3;// 正在刷新

    // 下拉刷新頭佈局
    private View mHeaderView;
    // 頭佈局高度
    private int mHeaderViewHeight;

    private int startY = -1;
    // 當前下拉刷新的狀態
    private int mCurrentState = STATE_PULL_TO_REFRESH;// 默認是下拉刷新

    private TextView tvTitle;
    private ImageView ivArrow;
    private ProgressBar pbLoading;
    private TextView tvTime;

    private RotateAnimation animUp;// 箭頭向上動畫
    private RotateAnimation animDown;// 箭頭向下動畫

    public RefreshListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView();
    }

    public RefreshListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public RefreshListView(Context context) {
        super(context);
        initView();
    }

    private void initView() {
        mHeaderView = View.inflate(getContext(), R.layout.list_refresh_header,
                null);
        this.addHeaderView(mHeaderView);// 添加頭佈局

        // 隱藏頭佈局(1, 獲取頭佈局高度, 2.設置負paddingTop,佈局就會往上走)
        // int height = mHeaderView.getHeight();//此處沒法獲取高度,由於佈局尚未繪製完成
        // 繪製以前就要獲取佈局高度
        mHeaderView.measure(0, 0);// 手動測量佈局
        mHeaderViewHeight = mHeaderView.getMeasuredHeight();// 測量以後的高度
        // 隱藏頭佈局
        mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);

        tvTitle = (TextView) mHeaderView.findViewById(R.id.tv_title);
        ivArrow = (ImageView) mHeaderView.findViewById(R.id.iv_arrow);
        pbLoading = (ProgressBar) mHeaderView.findViewById(R.id.pb_loading);
        tvTime = (TextView) mHeaderView.findViewById(R.id.tv_time);

        initAnim();
        setCurrentTime();// 設置初始時間
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            startY = (int) ev.getY();
            break;
        case MotionEvent.ACTION_MOVE:
            if (startY == -1) {// 若是用戶按住頭條新聞向下滑動, 會致使listview沒法拿到ACTION_DOWN,
                                //由於此時事件會被交給父控件處理
                                // 此時要從新獲取startY
                startY = (int) ev.getY();
            }

            // 若是當前正在刷新, 什麼都不作了
            if (mCurrentState == STATE_REFRESHING) {
                break;
            }

            int endY = (int) ev.getY();
            int dy = endY - startY;

            if (dy > 0 && getFirstVisiblePosition() == 0) {// 向下滑動&當前顯示的是第一個item,才容許下拉刷新
                int paddingTop = dy - mHeaderViewHeight;// 計算當前的paddingtop值

                // 根據padding切換狀態
                if (paddingTop >= 0
                        && mCurrentState != STATE_RELEASE_TO_REFRESH) {
                    // 切換到鬆開刷新
                    mCurrentState = STATE_RELEASE_TO_REFRESH;
                    refreshState();
                } else if (paddingTop < 0
                        && mCurrentState != STATE_PULL_TO_REFRESH) {
                    // 切換到下拉刷新
                    mCurrentState = STATE_PULL_TO_REFRESH;
                    refreshState();
                }

                mHeaderView.setPadding(0, paddingTop, 0, 0);// 從新設置頭佈局padding
                return true;
            }

            break;
        case MotionEvent.ACTION_UP:
            startY = -1;// 起始座標歸零

            if (mCurrentState == STATE_RELEASE_TO_REFRESH) {
                // 若是當前是鬆開刷新, 就要切換爲正在刷新
                mCurrentState = STATE_REFRESHING;
                // 顯示頭佈局
                mHeaderView.setPadding(0, 0, 0, 0);

                refreshState();

                // 下拉刷新回調
                if (mListener != null) {
                    mListener.onRefresh();
                }

            } else if (mCurrentState == STATE_PULL_TO_REFRESH) {
                // 隱藏頭佈局
                mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
            }

            break;

        default:
            break;
        }

        return super.onTouchEvent(ev);
    }

    /**
     * 初始化箭頭動畫
     */
    private void initAnim() {
        animUp = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f,
                Animation.RELATIVE_TO_SELF, 0.5f);
        animUp.setDuration(500);
        animUp.setFillAfter(true);// 保持狀態

        animDown = new RotateAnimation(-180, 0, Animation.RELATIVE_TO_SELF,
                0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        animDown.setDuration(500);
        animDown.setFillAfter(true);// 保持狀態
    }

    /**
     * 根據當前狀態刷新界面
     */
    private void refreshState() {
        switch (mCurrentState) {
        case STATE_PULL_TO_REFRESH:
            tvTitle.setText("下拉刷新");
            // 箭頭向下移動
            ivArrow.startAnimation(animDown);
            // 隱藏進度條
            pbLoading.setVisibility(View.INVISIBLE);
            ivArrow.setVisibility(View.VISIBLE);
            break;
        case STATE_RELEASE_TO_REFRESH:
            tvTitle.setText("鬆開刷新");
            // 箭頭向上移動
            ivArrow.startAnimation(animUp);
            // 隱藏進度條
            pbLoading.setVisibility(View.INVISIBLE);
            ivArrow.setVisibility(View.VISIBLE);
            break;
        case STATE_REFRESHING:
            tvTitle.setText("正在刷新...");
            pbLoading.setVisibility(View.VISIBLE);
            ivArrow.clearAnimation();// 必須清除動畫,才能隱藏控件
            ivArrow.setVisibility(View.INVISIBLE);
            break;

        default:
            break;
        }
    }

    private OnRefreshListener mListener;

    public void setOnRefreshListener(OnRefreshListener listener) {
        mListener = listener;
    }

    /**
     * 設置上次刷新時間
     */
    private void setCurrentTime() {
        // 08:10 8:10 1
        SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");// HH表示24小時制
        String time = format.format(new Date());
        tvTime.setText(time);
    }

    // 刷新完成
    public void onRefreshComplete(boolean success) {
        // 隱藏頭佈局
        mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
        mCurrentState = STATE_PULL_TO_REFRESH;
        // 隱藏進度條
        pbLoading.setVisibility(View.INVISIBLE);
        ivArrow.setVisibility(View.VISIBLE);
        tvTitle.setText("下拉刷新");

        // 刷新失敗,不須要更新時間
        if (success) {
            setCurrentTime();
        }
    }

    public interface OnRefreshListener {
        // 下拉刷新的回調
        public void onRefresh();
    }
}
RefreshListView

 二、給箭頭圖片設置動畫緩存

public class RefreshListView extends ListView {網絡

private static final int STATE_PULL_TO_REFRESH = 1;// 下拉刷新
private static final int STATE_RELEASE_TO_REFRESH = 2;// 鬆開刷新
private static final int STATE_REFRESHING = 3;// 正在刷新ide

// 下拉刷新頭佈局
private View mHeaderView;
// 頭佈局高度
private int mHeaderViewHeight;工具

private int startY = -1;
// 當前下拉刷新的狀態
private int mCurrentState = STATE_PULL_TO_REFRESH;// 默認是下拉刷新佈局

private TextView tvTitle;
private ImageView ivArrow;
private ProgressBar pbLoading;
private TextView tvTime;動畫

private RotateAnimation animUp;// 箭頭向上動畫
private RotateAnimation animDown;// 箭頭向下動畫this

public RefreshListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initView();
}url

public RefreshListView(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}

public RefreshListView(Context context) {
super(context);
initView();
}

private void initView() {
mHeaderView = View.inflate(getContext(), R.layout.list_refresh_header,
null);
this.addHeaderView(mHeaderView);// 添加頭佈局

// 隱藏頭佈局(1, 獲取頭佈局高度, 2.設置負paddingTop,佈局就會往上走)
// int height = mHeaderView.getHeight();//此處沒法獲取高度,由於佈局尚未繪製完成
// 繪製以前就要獲取佈局高度
mHeaderView.measure(0, 0);// 手動測量佈局
mHeaderViewHeight = mHeaderView.getMeasuredHeight();// 測量以後的高度
// 隱藏頭佈局
mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);

tvTitle = (TextView) mHeaderView.findViewById(R.id.tv_title);
ivArrow = (ImageView) mHeaderView.findViewById(R.id.iv_arrow);
pbLoading = (ProgressBar) mHeaderView.findViewById(R.id.pb_loading);
tvTime = (TextView) mHeaderView.findViewById(R.id.tv_time);

initAnim();
setCurrentTime();// 設置初始時間
}

@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
startY = (int) ev.getY();
break;
case MotionEvent.ACTION_MOVE:
if (startY == -1) {// 若是用戶按住頭條新聞向下滑動, 會致使listview沒法拿到ACTION_DOWN,
//由於此時事件會被交給父控件處理
// 此時要從新獲取startY
startY = (int) ev.getY();
}

// 若是當前正在刷新, 什麼都不作了
if (mCurrentState == STATE_REFRESHING) {
break;
}

int endY = (int) ev.getY();
int dy = endY - startY;

if (dy > 0 && getFirstVisiblePosition() == 0) {// 向下滑動&當前顯示的是第一個item,才容許下拉刷新
int paddingTop = dy - mHeaderViewHeight;// 計算當前的paddingtop值

// 根據padding切換狀態
if (paddingTop >= 0
&& mCurrentState != STATE_RELEASE_TO_REFRESH) {
// 切換到鬆開刷新
mCurrentState = STATE_RELEASE_TO_REFRESH;
refreshState();
} else if (paddingTop < 0
&& mCurrentState != STATE_PULL_TO_REFRESH) {
// 切換到下拉刷新
mCurrentState = STATE_PULL_TO_REFRESH;
refreshState();
}

mHeaderView.setPadding(0, paddingTop, 0, 0);// 從新設置頭佈局padding
return true;
}

break;
case MotionEvent.ACTION_UP:
startY = -1;// 起始座標歸零

if (mCurrentState == STATE_RELEASE_TO_REFRESH) {
// 若是當前是鬆開刷新, 就要切換爲正在刷新
mCurrentState = STATE_REFRESHING;
// 顯示頭佈局
mHeaderView.setPadding(0, 0, 0, 0);

refreshState();

// 下拉刷新回調
if (mListener != null) {
mListener.onRefresh();
}

} else if (mCurrentState == STATE_PULL_TO_REFRESH) {
// 隱藏頭佈局
mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
}

break;

default:
break;
}

return super.onTouchEvent(ev);
}

/**
* 初始化箭頭動畫
*/
private void initAnim() {
animUp = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 0.5f);
animUp.setDuration(500);
animUp.setFillAfter(true);// 保持狀態

animDown = new RotateAnimation(-180, 0, Animation.RELATIVE_TO_SELF,
0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
animDown.setDuration(500);
animDown.setFillAfter(true);// 保持狀態
}

/**
* 根據當前狀態刷新界面
*/
private void refreshState() {
switch (mCurrentState) {
case STATE_PULL_TO_REFRESH:
tvTitle.setText("下拉刷新");
// 箭頭向下移動
ivArrow.startAnimation(animDown);
// 隱藏進度條
pbLoading.setVisibility(View.INVISIBLE);
ivArrow.setVisibility(View.VISIBLE);
break;
case STATE_RELEASE_TO_REFRESH:
tvTitle.setText("鬆開刷新");
// 箭頭向上移動
ivArrow.startAnimation(animUp);
// 隱藏進度條
pbLoading.setVisibility(View.INVISIBLE);
ivArrow.setVisibility(View.VISIBLE);
break;
case STATE_REFRESHING:
tvTitle.setText("正在刷新...");
pbLoading.setVisibility(View.VISIBLE);
ivArrow.clearAnimation();// 必須清除動畫,才能隱藏控件
ivArrow.setVisibility(View.INVISIBLE);
break;

default:
break;
}
}

//ListView調用此方法，回調接口中的方法進行刷新數據

private OnRefreshListener mListener;

public void setOnRefreshListener(OnRefreshListener listener) {
mListener = listener;
}

/**
* 設置上次刷新時間
*/
private void setCurrentTime() {
// 08:10 8:10 1
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");// HH表示24小時制
String time = format.format(new Date());
tvTime.setText(time);
}

// 刷新完成時調用此方法
public void onRefreshComplete(boolean success) {
// 隱藏頭佈局
mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
mCurrentState = STATE_PULL_TO_REFRESH;
// 隱藏進度條
pbLoading.setVisibility(View.INVISIBLE);
ivArrow.setVisibility(View.VISIBLE);
tvTitle.setText("下拉刷新");

// 刷新失敗,不須要更新時間
if (success) {
setCurrentTime();
}
}

public interface OnRefreshListener {
// 下拉刷新的回調
public void onRefresh();
}
}

 

---------------------------------------------------------------------------------------------------------------------------------------

public class TabDetailPager extends BaseMenuDetailPager {

// 頁籤分類的網絡信息
private NewsTabData mTabData;
// 網絡返回的新聞列表數據
private NewsData mNewsTabData;
// 加載新聞列表的url
private String mUrl;

// 頭條新聞的網絡數據
private ArrayList<TopNews> mTopNewsList;
// 頭條新聞的數據適配器
private TopNewsAdapter mTopNewsAdapter;
// 新聞列表的集合
private ArrayList<News> mNewsList;
private NewsAdapter mNewsAdapter;

@ViewInject(R.id.vp_tab_detail)
private HorizontalScrollViewPager mViewPager;

@ViewInject(R.id.lv_tab_detail)
private RefreshListView lvList;

@ViewInject(R.id.indicator)
private CirclePageIndicator mIndicator;

@ViewInject(R.id.tv_title)
private TextView tvTopNewsTitle;

public TabDetailPager(Activity activity, NewsTabData tabData) {
super(activity);
mTabData = tabData;
mUrl = Constants.SERVER_URL + mTabData.url;
}

@Override
public View initView() {
View view = View.inflate(mActivity, R.layout.pager_tab_detail, null);
ViewUtils.inject(this, view);

View header = View.inflate(mActivity, R.layout.list_header_topnews,
null);
ViewUtils.inject(this, header);// 必須也將頭佈局注入到ViewUtils

// 給listview添加頭佈局
lvList.addHeaderView(header);

// 設置下拉刷新監聽
lvList.setOnRefreshListener(new OnRefreshListener() {

@Override
public void onRefresh() {
// 從網絡加載數據
getDataFromServer();
}
});

return view;
}

@Override
public void initData() {
String cache = CacheUtils.getCache(mUrl, mActivity);
if (!TextUtils.isEmpty(cache)) {
processResult(cache);
}

getDataFromServer();
}

private void getDataFromServer() {
HttpUtils utils = new HttpUtils();
utils.send(HttpMethod.GET, mUrl, new RequestCallBack<String>() {

@Override
public void onSuccess(ResponseInfo<String> responseInfo) {
String result = responseInfo.result;
processResult(result);

System.out.println("訪問網絡成功!!!");
CacheUtils.setCache(mUrl, result, mActivity);

// 收起下拉刷新控件
lvList.onRefreshComplete(true);
}

@Override
public void onFailure(HttpException error, String msg) {
// 收起下拉刷新控件
lvList.onRefreshComplete(false);

error.printStackTrace();
Toast.makeText(mActivity, msg, Toast.LENGTH_SHORT).show();
}
});
}

protected void processResult(String result) {
Gson gson = new Gson();
mNewsTabData = gson.fromJson(result, NewsData.class);

// 初始化頭條新聞
mTopNewsList = mNewsTabData.data.topnews;
if (mTopNewsList != null) {
mTopNewsAdapter = new TopNewsAdapter();
mViewPager.setAdapter(mTopNewsAdapter);
mIndicator.setViewPager(mViewPager);// 將指示器和viewpager綁定
mIndicator.setSnap(true);// 快照模式
mIndicator.setOnPageChangeListener(new OnPageChangeListener() {

@Override
public void onPageSelected(int position) {
System.out.println("position:" + position);
TopNews topNews = mTopNewsList.get(position);
tvTopNewsTitle.setText(topNews.title);
}

@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
}

@Override
public void onPageScrollStateChanged(int state) {
}
});

mIndicator.onPageSelected(0);// 將小圓點位置歸零, 解決它會在頁面銷燬時仍記錄上次位置的bug
tvTopNewsTitle.setText(mTopNewsList.get(0).title);// 初始化第一頁標題
}

// 初始化新聞列表
mNewsList = mNewsTabData.data.news;
if (mNewsList != null) {
mNewsAdapter = new NewsAdapter();
lvList.setAdapter(mNewsAdapter);
}
}

class TopNewsAdapter extends PagerAdapter {

BitmapUtils mBitmapUtils;

public TopNewsAdapter() {
// 初始化xutils中的加載圖片的工具
mBitmapUtils = new BitmapUtils(mActivity);
// 設置默認加載圖片
mBitmapUtils
.configDefaultLoadingImage(R.drawable.topnews_item_default);
}

@Override
public int getCount() {
return mTopNewsList.size();
}

@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}

@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView view = new ImageView(mActivity);
view.setScaleType(ScaleType.FIT_XY);// 設置圖片填充效果, 表示填充父窗體
// 獲取圖片連接, 使用連接下載圖片, 將圖片設置給ImageView, 考慮內存溢出問題, 圖片本地緩存
mBitmapUtils.display(view, mTopNewsList.get(position).topimage);
container.addView(view);
return view;
}

@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}

}

class NewsAdapter extends BaseAdapter {

public BitmapUtils mBitmapUtils;

public NewsAdapter() {
mBitmapUtils = new BitmapUtils(mActivity);
mBitmapUtils
.configDefaultLoadingImage(R.drawable.pic_item_list_default);
}

@Override
public int getCount() {
return mNewsList.size();
}

@Override
public News getItem(int position) {
return mNewsList.get(position);
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if (convertView == null) {
convertView = View.inflate(mActivity, R.layout.list_item_news,
null);
holder = new ViewHolder();
holder.tvTitle = (TextView) convertView
.findViewById(R.id.tv_title);
holder.tvDate = (TextView) convertView
.findViewById(R.id.tv_date);
holder.ivIcon = (ImageView) convertView
.findViewById(R.id.iv_icon);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}

News news = getItem(position);
holder.tvTitle.setText(news.title);
holder.tvDate.setText(news.pubdate);

mBitmapUtils.display(holder.ivIcon, news.listimage);

return convertView;
}

}

static class ViewHolder {
public TextView tvTitle;
public TextView tvDate;
public ImageView ivIcon;
}

}

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程