Simulazione di swipe down e swipe up per caricare più elementi in Android

1. Aggiungi il layout di caricamento in più

1_Inizializzazione e codice nascosto

Chiamato nel costruttore di RefreshListView

private void initFooterView(Context context) {
View footerView = View.inflate(context, R.layout.refresh_listview_footer, null);
//Codice nascosto
footerView.measure(0, 0);
int footerViewHeight = footerView.getMeasuredHeight();
footerView.setPadding(0, -footerViewHeight, 0, 0);
this.addFooterView(footerView);
}

2_布局文件refresh_listview_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_margin="5dip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminateDrawable="@drawable/custom_progressbar" />
<TextView
android:layout_marginLeft="10dip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Caricamento in corso..."
android:textColor="#ff0000"
android:textSize="25sp" />
</LinearLayout>

2. Trascina fino in fondo

/**
* La pagina del segnalibro della pagina del menu
* Ci sono in totale 12
* @author Administrator
*
*/
public class TabMenuDetailPager extends MenuDetailBasePager implements OnPageChangeListener {
/**
* Dati corrispondenti al tag del menu del centro notizie - news
*/
private NewCenterTag newCenterTag;
.....................
/**
* URL per caricare ulteriori dati
*/
private String moreUrl;
/**
* Stai caricando ulteriori dati?
*/
protected boolean isLoadingMore = false;
...................
@Override
public View initView() {
View view = View.inflate(mActivity, R.layout.tab_detail, null);
//Iniettare la View nel framework XUtils
ViewUtils.inject(this, view); 
.......................... 
//Impostare l'ascoltatore di aggiornamento trascinamento in basso
mListView.setOnRefreshListener(new OnRefreshListener() {
@Override
public void onPullDownRefresh() {
isPullDownRefreshing = true;
getDataFromNet();
}
@Override
public void onLoadingMore() {
if(TextUtils.isEmpty(moreUrl)){
Toast.makeText(mActivity, "Non ci sono ulteriori dati", 1).show();
mListView.onRefreshFinish(false);
} else {
//Ci sono ulteriori dati da caricare
getMoreDataFromNet();
}
}
});
return view;
}
/**
* Carica ulteriori dati
*/
protected void getMoreDataFromNet() {
HttpUtils httpUtils = new HttpUtils();
httpUtils.send(HttpMethod.GET, moreUrl, new RequestCallBack<String>() {
@Override
public void onSuccess(ResponseInfo<String> responseInfo) {
System.out.println("加载更多数据成功："+responseInfo.result);
mListView.onRefreshFinish(false);
isLoadingMore = true;
processData(responseInfo.result);
}
@Override
public void onFailure(HttpException error, String msg) {
mListView.onRefreshFinish(false);
System.out.println("加载更多数据失败："+ msg);
}
}); 
}
/**
* 处理和解析json数据
* @param json
*/
protected void processData(String json) {
TabDetailBean bean = parserJson(json);
if(!isLoadingMore){
System.out.println(bean.data.news.get(0).title);
topnews = bean.data.topnews;
//给ViewPager设置适配器
TabDetailAdapter adapter = new TabDetailAdapter();
mViewPager.setAdapter(adapter);
// 把所有的View清除
ll_point_group.removeAllViews();
for(int i=0;i<topnews.size();i++){
View point = new View(mActivity);
LayoutParams params = new LayoutParams(5, 5) ;
point.setBackgroundResource(R.drawable.tab_detail_point_bg);
if(i!=0){
params.leftMargin = 10;
}
point.setEnabled(false);
point.setLayoutParams(params);
ll_point_group.addView(point);
}
previousPointPosition = 0;
//Imposta la descrizione dell'immagine predefinita e i punti di indicazione
mtv_title_description.setText(topnews.get(previousPointPosition).title);
ll_point_group.getChildAt(previousPointPosition).setEnabled(true);
//Imposta l'ascoltatore della modifica della pagina
mViewPager.setOnPageChangeListener(this);
//Imposta l'adattatore e i dati corrispondenti
newsLists = bean.data.news;
listViewAdapter = new ListViewAdapter();
mListView.setAdapter(listViewAdapter);
// mListView.addHeaderView(v) ;//Aggiunge una vista in testa al ListView 
} else {
//Estrae le notizie della lista e le aggiunge al set precedente, poi aggiorna i dati
isLoadingMore = false;
List<News>moreDataNews = bean.data.news;
newsLists.addAll(moreDataNews);
listViewAdapter.notifyDataSetChanged();//Aggiorna i dati
}
}
................
/**
* Usa il progetto open source Gson per analizzare json
* @param json
*/
private TabDetailBean parserJson(String json) {
Gson gson = new Gson();
TabDetailBean bean = gson.fromJson(json, TabDetailBean.class);
moreUrl = bean.data.more;
if(TextUtils.isEmpty(moreUrl)){
moreUrl = null;
} else {
moreUrl = ConstantUtils.server_url+moreUrl;
}
return bean;
}
@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
}
...............
}

3.完整代码

package com.atguigu.refreshlistview;
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.AbsListView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
import java.text.SimpleDateFormat;
import java.util.Date;
/**
* 作用：自定义下拉刷新的ListView
*/
public class RefreshListview extends ListView {
/**
* 下拉刷新和顶部轮播图
*/
private LinearLayout headerView;
/**
* 下拉刷新控件
*/
private View ll_pull_down_refresh;
private ImageView iv_arrow;
private ProgressBar pb_status;
private TextView tv_status;
private TextView tv_time;
/**
* 高度下拉刷新控件
*/
private int pullDownRefreshHeight;
/**
* Refresh trascinando verso il basso
*/
public static final int PULL_DOWN_REFRESH = 0;
/**
* Refresh liberato
*/
public static final int RELEASE_REFRESH = 1;
/**
* Stando a refreshare
*/
public static final int REFRESHING = 2;
/**
* Stato attuale
*/
private int currentStatus = PULL_DOWN_REFRESH;
private Animation upAnimation;
private Animation downAnimation;
/**
* Controllo di caricamento in più
*/
private View footerView;
/**
* Altezza del controllo di caricamento in più
*/
private int footerViewHeight;
/**
* Se è stato caricato di più
*/
private boolean isLoadMore = false;
/**
* Parte della presentazione in alto
*/
private View topNewsView;
/**
* Coordinata Y del ListView
*/
private int listViewOnScreenY = -1;
public RefreshListview(Context context) {
this(context, null);
}
public RefreshListview(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public RefreshListview(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initHeaderView(context);
initAnimation();
initFooterView(context);
}
private void initFooterView(Context context) {
footerView = View.inflate(context, R.layout.refresh_footer, null);
footerView.measure(0, 0);
footerViewHeight = footerView.getMeasuredHeight();
footerView.setPadding(0, -footerViewHeight, 0, 0);
//Add footer to ListView
addFooterView(footerView);
//Listen to the scrolling of ListView
setOnScrollListener(new MyOnScrollListener());
}
/**
* Add top carousel image
* @param topNewsView
*/
public void addTopNewsView(View topNewsView) {
if(topNewsView != null){
this.topNewsView = topNewsView;
headerView.addView(topNewsView);
}
}
class MyOnScrollListener implements OnScrollListener{
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
//When stationary or flinging
if(scrollState == OnScrollListener.SCROLL_STATE_IDLE || scrollState == OnScrollListener.SCROLL_STATE_FLING){
//And it is the last visible item
if(getLastVisiblePosition() >= getCount() - 1){
//1. Display the loading more layout
footerView.setPadding(8, 8, 8, 8);
//2. Status change
isLoadMore = true;
//3. Callback interface
if(mOnRefreshListener != null){
mOnRefreshListener.onLoadMore();
}
}
}
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
}
}
private void initAnimation() {
upAnimation = new RotateAnimation(0, -180, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f);
upAnimation.setDuration(500);
upAnimation.setFillAfter(true);
downAnimation = new RotateAnimation(-180, -360, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f);
downAnimation.setDuration(500);
downAnimation.setFillAfter(true);
}
private void initHeaderView(Context context) {
headerView = (LinearLayout) View.inflate(context, R.layout.refresh_header, null);
//下拉刷新控件
ll_pull_down_refresh = headerView.findViewById(R.id.ll_pull_down_refresh);
iv_arrow = (ImageView) headerView.findViewById(R.id.iv_arrow);
pb_status = (ProgressBar) headerView.findViewById(R.id.pb_status);
tv_status = (TextView) headerView.findViewById(R.id.tv_status);
tv_time = (TextView) headerView.findViewById(R.id.tv_time);
//测量
ll_pull_down_refresh.measure(0, 0);
pullDownRefreshHeight = ll_pull_down_refresh.getMeasuredHeight();
//默认隐藏下拉刷新控件
// View.setPadding(0,-altezza_della_vista,0,0);// completamente nascosto
//View.setPadding(0, 0，0,0);//完全显示
ll_pull_down_refresh.setPadding(0, -pullDownRefreshHeight, 0, 0);
//添加ListView的头
addHeaderView(headerView);
}
private float startY = -1;
@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
//1.记录起始坐标
startY = ev.getY();
break;
case MotionEvent.ACTION_MOVE:
if (startY == -1) {
startY = ev.getY();
}
//判断顶部轮播图是否完全显示，只有完全显示才会有下拉刷新
boolean isDisplayTopNews = isDisplayTopNews();
if(!isDisplayTopNews){
//Caricamento ulteriore
break;
}
//如果是正在刷新，就不让再刷新了
if (currentStatus == REFRESHING) {
break;
}
//2.来到新的坐标
float endY = ev.getY();
//3.记录滑动的距离
float distanceY = endY - startY;
if (distanceY > 0) {//下拉
//int paddingTop = -控件高 + distanceY;
int paddingTop = (int) (-pullDownRefreshHeight + distanceY);
if (paddingTop < 0 && currentStatus != PULL_DOWN_REFRESH) {
//下拉刷新状态
currentStatus = PULL_DOWN_REFRESH;
//更新状态
refreshViewState();
} else if (paddingTop > 0 && currentStatus != RELEASE_REFRESH) {
//手松刷新状态
currentStatus = RELEASE_REFRESH;
//更新状态
refreshViewState();
}
ll_pull_down_refresh.setPadding(0, paddingTop, 0, 0);
//View.setPadding(0,paddingTop，0,0);//动态的显示下拉刷新控件
}
break;
case MotionEvent.ACTION_UP:
startY = -1;
if (currentStatus == PULL_DOWN_REFRESH) {
// View.setPadding(0,-altezza_della_vista,0,0);// completamente nascosto
ll_pull_down_refresh.setPadding(0, -pullDownRefreshHeight, 0, 0);
} else if (currentStatus == RELEASE_REFRESH) {
// Impostare lo stato in stato di aggiornamento
currentStatus = REFRESHING;
refreshViewState();
// View.setPadding(0,0，0,0);// completamente visibile
ll_pull_down_refresh.setPadding(0, 0, 0, 0);
// interfaccia di callback
if (mOnRefreshListener != null) {
mOnRefreshListener.onPullDownRefresh();
}
}
break;
}
return super.onTouchEvent(ev);
}
/**
* Giudicare se il carosello in alto viene visualizzato completamente
* Quando la coordinate Y del ListView sullo schermo è inferiore o uguale alla coordinate Y del carosello in alto, il carosello in alto viene visualizzato completamente
* @return
*/
private boolean isDisplayTopNews() {
if(topNewsView != null){
//1. Ottenere le coordinate dello schermo del ListView
int[] location = new int[2];
if(listViewOnScreenY == -1){
getLocationOnScreen(location);
listViewOnScreenY = location[1];
}
//2. Ottenere le coordinate dello schermo del carosello in alto
topNewsView.getLocationOnScreen(location);
int topNewsViewOnScreenY = location[1];
// if(listViewOnScreenY <= topNewsViewOnScreenY){
// return true;
// }else{
// return false;
// }
return listViewOnScreenY <= topNewsViewOnScreenY;
} else {
return true;
}
}
private void refreshViewState() {
switch (currentStatus) {
case PULL_DOWN_REFRESH://Stato di aggiornamento a scorrimento
iv_arrow.startAnimation(downAnimation);
tv_status.setText("Aggiornamento a scorrimento...");
break;
case RELEASE_REFRESH://Stato di rilascio per aggiornare
iv_arrow.startAnimation(upAnimation);
tv_status.setText("Rilascia per aggiornare...");
break;
case REFRESHING://Stato di aggiornamento in corso
tv_status.setText("Sto aggiornando...");
pb_status.setVisibility(VISIBLE);
iv_arrow.clearAnimation();
iv_arrow.setVisibility(GONE);
break;
}
}
/**
* Richiama questo metodo quando la connessione di rete è riuscita o fallita
* Ripristina lo stato di aggiornamento dell'utente
*
* @param sucess
*/
public void onRefreshFinish(boolean sucess) {
if(isLoadMore){
//Caricamento ulteriore
isLoadMore = false;
//Nasconde la layout di caricamento ulteriore
footerView.setPadding(0, -footerViewHeight, 0, 0);
} else {
//Aggiornamento a scorrimento
tv_status.setText("Aggiornamento a scorrimento...");
currentStatus = PULL_DOWN_REFRESH;
iv_arrow.clearAnimation();
pb_status.setVisibility(GONE);
iv_arrow.setVisibility(VISIBLE);
//Nasconde il controllo di aggiornamento a scorrimento
ll_pull_down_refresh.setPadding(0, -pullDownRefreshHeight, 0, 0);
if (sucess) {
//Imposta l'ora di aggiornamento più recente
tv_time.setText("Ultimo aggiornamento: " + getSystemTime());
}
}
}
/**
* Ottiene l'ora corrente del sistema Android
*
* @return
*/
private String getSystemTime() {
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
return format.format(new Date());
}
/**
/* Ascoltare il refresh del componente */
*/
public interface OnRefreshListener {
/**
/* Chiamare questo metodo quando si effettua un refresh di scorrimento */
*/
public void onPullDownRefresh();
/**
Chiamare questo metodo quando si carica ulteriormente
*/
public void onLoadMore();
}
private OnRefreshListener mOnRefreshListener;
/**
/* Impostare l'ascoltatore di aggiornamento, impostato dall'esterno */
*/
public void setOnRefreshListener(OnRefreshListener l) {
this.mOnRefreshListener = l;
}
}

Come descritto dall'autore, questo articolo introduce un'imitazione di下拉刷新/上拉加载更多 funzione per Android come Silicon Valley news, sperando che sia utile a tutti. Se avete qualsiasi domanda, lasciate un messaggio, l'autore risponderà tempestivamente. Ringraziamo anche il supporto di tutti per il sito di tutorial di urla!

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, il copyright spetta ai rispettivi proprietari, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, questo sito non detiene i diritti di proprietà, non è stato editato manualmente e non assume responsabilità legali correlate. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una e-mail a: notice#oldtoolbag.com (al momento dell'invio dell'e-mail, sostituisci # con @) per segnalare il problema e fornire prove pertinenti. Una volta verificata, questo sito eliminerà immediatamente il contenuto sospetto di violazione del copyright.