Android：下拉刷新+加载更多+滑动删除实例讲解

2024-03-13 13:49:03 287

小伙伴们在逛淘宝或者是各种app上，都可以看到这样的功能，下拉刷新和加载更多以及滑动删除，刷新，指刷洗之后使之变新，比喻突破旧的而创造出新的，比如在手机上浏览新闻的时候，使用下拉刷新的功能，我们可以第一时间掌握最新消息，加载更多是什么nie，简单来说就是在网页上逛淘宝的时候，我们可以点击下一页来满足我们更多的需求，但是在手机端就不一样了，没有上下页，怎么办nie，方法总比困难多，细心的小伙伴可能会发现，在手机端中，有加载更多来满足我们的要求，其实加载更多也是分页的一种体现。小伙伴在使用手机版QQ的时候，消息界面会有很多的信息，如果你也像小编一样有强迫症，想把看完的消息进行删除，怎么办nie，QQ实现了向右滑动删除的功能，最近在小编的项目中，就遇到这样的功能下拉刷新和加载更多以及滑动删除，经过几天的捣鼓，当冬日的第二缕阳光照到小编身上的时候，小编终于把她捣鼓出来了，今天这篇博客，小编主要和小伙伴们分享下拉刷新和加载更多一级滑动删除，希望可以帮助到有需要的小伙伴，还请小伙伴们多多指教。

首先我们需要来编写xml里面的内容，我们命名为activity_item，具体代码如下所示：

XML/HTML代码

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ll_parent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray"
android:orientation="vertical">

<TextView
android:id="@+id/tv_text"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:textSize="25sp"/>

</LinearLayout>

接着，我们来编写list_item里面有关xml的代码，具体代码如下所示：

XML/HTML代码

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/ll_parent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:background="@android:color/darker_gray"
tools:context=".MainActivity">

<TextView
android:id="@+id/list_item_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:textColor="#000"
android:textSize="16sp"/>

<FrameLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:padding="15dp">

<TextView
android:id="@+id/tv_functions"
android:layout_width="90dp"
android:layout_height="50dp"
android:layout_gravity="center"
android:background="@drawable/btn_del_bg"
android:gravity="center"
android:textColor="@android:color/white"
android:text="删除"/>

<TextView
android:id="@+id/tv_coating"
android:layout_width="90dp"
android:layout_height="50dp"
android:background="@android:color/darker_gray"
android:layout_gravity="center"
android:visibility="gone"/>
</FrameLayout>

</RelativeLayout>

第三步，我们来编写main里面的xml文件，具体代码如下所示：

XML/HTML代码

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#f0f0f0"
android:orientation="vertical">

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"/>

<me.maxwin.view.XListView
android:id="@+id/xListView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:cacheColorHint="#00000000">
</me.maxwin.view.XListView>

</LinearLayout>

第四步，我们来编写xlistview_footer里面的xml文件，具体代码如下所示：

XML/HTML代码

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<RelativeLayout
android:id="@+id/xlistview_footer_content"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="10dp">

<ProgressBar
android:id="@+id/xlistview_footer_progressbar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:visibility="invisible"/>

<TextView
android:id="@+id/xlistview_footer_hint_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="@string/xlistview_footer_hint_normal"/>
</RelativeLayout>

</LinearLayout>

第五步，我们来编写xlistview_header里面的xml文件，具体代码如下所示：

XML/HTML代码

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="bottom">

<RelativeLayout
android:id="@+id/xlistview_header_content"
android:layout_width="fill_parent"
android:layout_height="60dp">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center"
android:orientation="vertical"android:id="@+id/xlistview_header_text">

<TextView
android:id="@+id/xlistview_header_hint_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/xlistview_header_hint_normal"/>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="3dp">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/xlistview_header_last_time"
android:textSize="12sp"/>

<TextView
android:id="@+id/xlistview_header_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12sp"/>
</LinearLayout>
</LinearLayout>

<ImageView
android:id="@+id/xlistview_header_arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/xlistview_header_text"
android:layout_centerVertical="true"
android:layout_marginLeft="-35dp"
android:src="@drawable/xlistview_arrow"/>

<ProgressBar
android:id="@+id/xlistview_header_progressbar"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignLeft="@id/xlistview_header_text"
android:layout_centerVertical="true"
android:layout_marginLeft="-40dp"
android:visibility="invisible"/>
</RelativeLayout>

</LinearLayout>

至此，关于我们的布局xml文件的代码都已经写完了，接着，我们开始编写java类里面的代码，首先，我们来编写ItemActivity里面的代码，具体代码如下所示：

Java代码

importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.view.MotionEvent;
importandroid.view.View;
importandroid.view.View.OnTouchListener;
importandroid.widget.TextView;

publicclassItemActivityextendsActivityimplementsOnTouchListener{

privatefloatx,upx;

protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_item);
init();
}

privatevoidinit(){
findViewById(R.id.ll_parent).setOnTouchListener(this);
((TextView)findViewById(R.id.tv_text)).setText(getIntent().getStringExtra("item"));
}

publicbooleanonTouch(Viewv,MotionEventevent){
if(event.getAction()==MotionEvent.ACTION_DOWN){
x=event.getX();
}
if(event.getAction()==MotionEvent.ACTION_UP){
upx=event.getX();
if(Math.abs(x-upx)>20){
this.finish();
overridePendingTransition(0,R.anim.slide_out_to_right);
}
}
returntrue;
}

}

接着，我们来编写适配器adapter里面的代码，具体代码如下所示：

Java代码

importjava.util.ArrayList;

importandroid.content.Context;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.BaseAdapter;
importandroid.widget.TextView;

publicclassItemAdapterextendsBaseAdapter{

privateLayoutInflaterinflater;
privateArrayList<String>datas;

publicItemAdapter(Contextcontext){
inflater=LayoutInflater.from(context);
}

publicvoidsetData(ArrayList<String>datas){
this.datas=datas;
}

publicintgetCount(){
returndatas.size();
}

publicObjectgetItem(intposition){
returndatas.get(position);
}

publiclonggetItemId(intposition){
returnposition;
}

publicViewgetView(finalintposition,ViewconvertView,ViewGroupparent){
ViewHolderholder=null;
if(convertView==null){
holder=newViewHolder();
convertView=inflater.inflate(R.layout.list_item,null);
holder.coating=(TextView)convertView.findViewById(R.id.tv_coating);
holder.functions=(TextView)convertView.findViewById(R.id.tv_functions);
holder.list_item_textview=(TextView)convertView.findViewById(R.id.list_item_textview);
convertView.setTag(holder);
}else{
holder=(ViewHolder)convertView.getTag();
}

holder.list_item_textview.setText(datas.get(position));

holder.coating.setVisibility(View.VISIBLE);

holder.functions.setClickable(false);

returnconvertView;
}

publicfinalclassViewHolder{
publicTextViewcoating;
publicTextViewfunctions;
publicTextViewlist_item_textview;
}
}

最后我们来编写XListViewActivity里面的代码，具体代码如下所示：

Java代码

importjava.util.ArrayList;

importme.maxwin.view.XListView;
importme.maxwin.view.XListView.IXListViewListener;
importme.maxwin.view.XListView.RemoveListener;
importandroid.app.Activity;
importandroid.content.Context;
importandroid.content.Intent;
importandroid.os.Bundle;
importandroid.os.Handler;
importandroid.view.View;
importandroid.widget.AdapterView;
importandroid.widget.AdapterView.OnItemClickListener;

publicclassXListViewActivityextendsActivityimplementsIXListViewListener,RemoveListener,OnItemClickListener{
privateXListViewmListView;
//privateArrayAdapter<String>mAdapter;
privateItemAdapteradapter;
//privateContextcontext;
privateArrayList<String>items=newArrayList<String>();
privateHandlermHandler;
privateintstart=0;
privatestaticintrefreshCnt=0;
/**Calledwhentheactivityisfirstcreated.*/
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
geneItems();
init();

mHandler=newHandler();
}

privatevoidinit(){
//TODOAuto-generatedmethodstub
mListView=(XListView)findViewById(R.id.xListView);
mListView.setPullLoadEnable(true);
mListView.setRemoveListener(this);
mListView.setOnItemClickListener(this);
//mListView.setPullLoadEnable(false);
//mListView.setPullRefreshEnable(false);
mListView.setXListViewListener(this);
adapter=newItemAdapter(this);
adapter.setData(items);
mListView.setAdapter(adapter);

}


privatevoidgeneItems(){
for(inti=0;i!=20;++i){
items.add("refreshcnt"+(++start));
}
}

privatevoidonLoad(){
mListView.stopRefresh();
mListView.stopLoadMore();
mListView.setRefreshTime("刚刚");
}

@Override
publicvoidonRefresh(){
mHandler.postDelayed(newRunnable(){
@Override
publicvoidrun(){
start=++refreshCnt;
items.clear();
geneItems();
//mAdapter.notifyDataSetChanged();
adapter=newItemAdapter(XListViewActivity.this);
adapter.setData(items);
mListView.setAdapter(adapter);
onLoad();
}
},2000);
}

@Override
publicvoidonLoadMore(){
mHandler.postDelayed(newRunnable(){
@Override
publicvoidrun(){
geneItems();
adapter.notifyDataSetChanged();
onLoad();
}
},2000);
}

@Override
publicvoidremoveItem(intposition){
//TODOAuto-generatedmethodstub
mListView.isSlide=false;
mListView.itemView.findViewById(R.id.tv_coating).setVisibility(View.VISIBLE);
items.remove(position);
adapter.notifyDataSetChanged();

}


@Override
publicvoidonItemClick(AdapterView<?>parent,Viewview,intposition,
longid){
//TODOAuto-generatedmethodstub
Intentintent=newIntent(getApplicationContext(),ItemActivity.class);
intent.putExtra("item",items.get(position));
startActivity(intent);
overridePendingTransition(R.anim.slide_in_from_right,R.anim.remain_original_location);

}

}

至此，以上就是Android实现下拉刷新和加载以及滑动删除的知识整理，谢谢大家对本站的支持！

Android：下拉刷新+加载更多+滑动删除实例讲解

热门推荐

随机推荐