Android:下拉刷新+加載更多+滑動刪除實例講解
小伙伴們在逛淘寶或者是各種app上,都可以看到這樣的功能,下拉刷新和加載更多以及滑動刪除,刷新,指刷洗之后使之變新,比喻突破舊的而創(chuàng)造出新的,比如在手機上瀏覽新聞的時候,使用下拉刷新的功能,我們可以第一時間掌握最新消息,加載更多是什么nie,簡單來說就是在網(wǎng)頁上逛淘寶的時候,我們可以點擊下一頁來滿足我們更多的需求,但是在手機端就不一樣了,沒有上下頁,怎么辦nie,方法總比困難多,細心的小伙伴可能會發(fā)現(xiàn),在手機端中,有加載更多來滿足我們的要求,其實加載更多也是分頁的一種體現(xiàn)。小伙伴在使用手機版QQ的時候,消息界面會有很多的信息,如果你也像小編一樣有強迫癥,想把看完的消息進行刪除,怎么辦nie,QQ實現(xiàn)了向右滑動刪除的功能,最近在小編的項目中,就遇到這樣的功能下拉刷新和加載更多以及滑動刪除,經(jīng)過幾天的搗鼓,當冬日的第二縷陽光照到小編身上的時候,小編終于把她搗鼓出來了,今天這篇博客,小編主要和小伙伴們分享下拉刷新和加載更多一級滑動刪除,希望可以幫助到有需要的小伙伴,還請小伙伴們多多指教。
首先我們需要來編寫xml里面的內(nèi)容,我們命名為activity_item,具體代碼如下所示:
XML/HTML代碼
<LinearLayout xmlns: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里面有關(guān)xml的代碼,具體代碼如下所示:
XML/HTML代碼
<RelativeLayout xmlns: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代碼
<LinearLayout xmlns: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代碼
<LinearLayout xmlns: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代碼
<LinearLayout xmlns: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>
至此,關(guān)于我們的布局xml文件的代碼都已經(jīng)寫完了,接著,我們開始編寫java類里面的代碼,首先,我們來編寫ItemActivity里面的代碼,具體代碼如下所示:
Java代碼
import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.widget.TextView; public class ItemActivity extends Activity implements OnTouchListener { private float x, upx; protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_item); init(); } private void init() { findViewById(R.id.ll_parent).setOnTouchListener(this); ((TextView) findViewById(R.id.tv_text)).setText(getIntent().getStringExtra("item")); } public boolean onTouch(View v, MotionEvent event) { 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); } } return true; } }
接著,我們來編寫適配器adapter里面的代碼,具體代碼如下所示:
Java代碼
import java.util.ArrayList; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.TextView; public class ItemAdapter extends BaseAdapter { private LayoutInflater inflater; private ArrayList<String> datas; public ItemAdapter(Context context) { inflater = LayoutInflater.from(context); } public void setData(ArrayList<String> datas) { this.datas = datas; } public int getCount() { return datas.size(); } public Object getItem(int position) { return datas.get(position); } public long getItemId(int position) { return position; } public View getView(final int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if (convertView == null) { holder = new ViewHolder(); 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); return convertView; } public final class ViewHolder { public TextView coating; public TextView functions; public TextView list_item_textview; } }
最后我們來編寫XListViewActivity里面的代碼,具體代碼如下所示:
Java代碼
import java.util.ArrayList; import me.maxwin.view.XListView; import me.maxwin.view.XListView.IXListViewListener; import me.maxwin.view.XListView.RemoveListener; import android.app.Activity; import android.content.Context; import android.content.Intent; import android.os.Bundle; import android.os.Handler; import android.view.View; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; public class XListViewActivity extends Activity implements IXListViewListener ,RemoveListener,OnItemClickListener{ private XListView mListView; // private ArrayAdapter<String> mAdapter; private ItemAdapter adapter; // private Context context; private ArrayList<String> items = new ArrayList<String>(); private Handler mHandler; private int start = 0; private static int refreshCnt = 0; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); geneItems(); init(); mHandler = new Handler(); } private void init() { // TODO Auto-generated method stub 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=new ItemAdapter(this); adapter.setData(items); mListView.setAdapter(adapter); } private void geneItems() { for (int i = 0; i != 20; ++i) { items.add("refresh cnt " + (++start)); } } private void onLoad() { mListView.stopRefresh(); mListView.stopLoadMore(); mListView.setRefreshTime("剛剛"); } @Override public void onRefresh() { mHandler.postDelayed(new Runnable() { @Override public void run() { start = ++refreshCnt; items.clear(); geneItems(); // mAdapter.notifyDataSetChanged(); adapter=new ItemAdapter(XListViewActivity.this); adapter.setData(items); mListView.setAdapter(adapter); onLoad(); } }, 2000); } @Override public void onLoadMore() { mHandler.postDelayed(new Runnable() { @Override public void run() { geneItems(); adapter.notifyDataSetChanged(); onLoad(); } }, 2000); } @Override public void removeItem(int position) { // TODO Auto-generated method stub mListView.isSlide = false; mListView.itemView.findViewById(R.id.tv_coating).setVisibility(View.VISIBLE); items.remove(position); adapter.notifyDataSetChanged(); } @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // TODO Auto-generated method stub Intent intent = new Intent(getApplicationContext(), ItemActivity.class); intent.putExtra("item", items.get(position)); startActivity(intent); overridePendingTransition(R.anim.slide_in_from_right, R.anim.remain_original_location); } }
至此,以上就是Android 實現(xiàn) 下拉刷新和加載以及滑動刪除的知識整理,謝謝大家對本站的支持!
- Android Handler 機制實現(xiàn)原理分析
- Android 個人理財工具六:顯示賬單明細 下
- Android 個人理財工具五:顯示賬單明細 上
- Android 個人理財工具四:添加賬單頁面 下
- Android仿微信通訊錄打造帶懸停頭部的分組列表(上)
- 最常見的猜拳小游戲Android代碼實現(xiàn)
- Android 音樂播放器的開發(fā)實例詳解
- Android開發(fā)之ListView、GridView 詳解及示例代碼
- Android 應用中插入廣告的實例
- Android系統(tǒng)進程間通信Binder機制在應用程序框架層的Java接口源代碼分析
- Android WebP 圖片壓縮與傳輸
相關(guān)文章
解析Android開發(fā)優(yōu)化之:從代碼角度進行優(yōu)化的技巧
下面我們就從幾個方面來了解Android開發(fā)過程中的代碼優(yōu)化,需要的朋友參考下2013-05-05Android 優(yōu)化Handler防止內(nèi)存泄露
這篇文章主要介紹了Android 優(yōu)化Handler防止內(nèi)存泄露的相關(guān)資料,這里提供實例幫助大家理解掌握這樣的內(nèi)容,需要的朋友可以參考下2017-09-09Android編程實現(xiàn)將tab選項卡放在屏幕底部的方法
這篇文章主要介紹了Android編程實現(xiàn)將tab選項卡放在屏幕底部的方法,涉及Android界面布局、tab設置及權(quán)限控制相關(guān)操作技巧,需要的朋友可以參考下2017-03-03Android用注解與反射實現(xiàn)Butterknife功能
Butterknife是一個在android上實現(xiàn)ioc(控制反轉(zhuǎn))的一個庫。ioc的核心是解耦。解耦的目的是修改耦合對象時不影響另外一個對象,降低模塊之間的關(guān)聯(lián)。在Spring中ioc更多的是依靠xml的配置。而android上的IOC框架可以不使用xml配置2022-11-11關(guān)于Android內(nèi)存緩存LruCache的使用及其源碼解析
LruCache作為內(nèi)存緩存,使用強引用方式緩存有限個數(shù)據(jù),當緩存的某個數(shù)據(jù)被訪問時,它就會被移動到隊列的頭部,本文詳細介紹了關(guān)于Android內(nèi)存緩存LruCache的使用及其源碼解析,需要的朋友可以參考下2023-05-05