Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> Android實例:下拉刷新+加載更多+滑動刪除

Android實例:下拉刷新+加載更多+滑動刪除

編輯:Android開發實例

       小伙伴們在逛淘寶或者是各種app上,都可以看到這樣的功能,下拉刷新和加載更多以及滑動刪除,刷新,指刷洗之後使之變新,比喻突破舊的而創造出新的,比如在手機上浏覽新聞的時候,使用下拉刷新的功能,我們可以第一時間掌握最新消息,加載更多是什麼nie,簡單來說就是在網頁上逛淘寶的時候,我們可以點擊下一頁來滿足我們更多的需求,但是在手機端就不一樣了,沒有上下頁,怎麼辦nie,方法總比困難多,細心的小伙伴可能會發現,在手機端中,有加載更多來滿足我們的要求,其實加載更多也是分頁的一種體現。小伙伴在使用手機版QQ的時候,消息界面會有很多的信息,如果你也像小編一樣有強迫症,想把看完的消息進行刪除,怎麼辦nie,QQ實現了向右滑動刪除的功能,最近在小編的項目中,就遇到這樣的功能下拉刷新和加載更多以及滑動刪除,經過幾天的搗鼓,當冬日的第二縷陽光照到小編身上的時候,小編終於把她搗鼓出來了,今天這篇博客,小編主要和小伙伴們分享下拉刷新和加載更多一級滑動刪除,希望可以幫助到有需要的小伙伴,還請小伙伴們多多指教。

       首先我們需要來編寫xml裡面的內容,我們命名為activity_item,具體代碼如下所示:

XML/HTML代碼
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:id="@+id/ll_parent"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:background="@android:color/darker_gray"  
  6.     android:orientation="vertical" >  
  7.   
  8.     <TextView  
  9.         android:id="@+id/tv_text"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="match_parent"  
  12.         android:gravity="center"  
  13.         android:textSize="25sp" />  
  14.   
  15. </LinearLayout>

       接著,我們來編寫list_item裡面有關xml的代碼,具體代碼如下所示:

XML/HTML代碼
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:id="@+id/ll_parent"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     android:gravity="center"  
  7.     android:background="@android:color/darker_gray"  
  8.     tools:context=".MainActivity" >  
  9.   
  10.     <TextView  
  11.         android:id="@+id/list_item_textview"  
  12.         android:layout_width="wrap_content"  
  13.         android:layout_height="wrap_content"  
  14.        android:layout_centerVertical="true"  
  15.         android:textColor="#000"  
  16.         android:textSize="16sp" />  
  17.   
  18.     <FrameLayout  
  19.         android:layout_width="wrap_content"  
  20.         android:layout_height="match_parent"  
  21.         android:layout_centerVertical="true"  
  22.         android:layout_alignParentRight="true"  
  23.         android:padding="15dp" >  
  24.   
  25.        <TextView  
  26.             android:id="@+id/tv_functions"  
  27.             android:layout_width="90dp"  
  28.             android:layout_height="50dp"  
  29.             android:layout_gravity="center"  
  30.             android:background="@drawable/btn_del_bg"  
  31.             android:gravity="center"  
  32.             android:textColor="@android:color/white"  
  33.             android:text="刪除" />   
  34.   
  35.         <TextView  
  36.             android:id="@+id/tv_coating"  
  37.             android:layout_width="90dp"  
  38.             android:layout_height="50dp"  
  39.             android:background="@android:color/darker_gray"  
  40.             android:layout_gravity="center"  
  41.             android:visibility="gone" />  
  42.     </FrameLayout>  
  43.   
  44. </RelativeLayout> 

       第三步,我們來編寫main裡面的xml文件,具體代碼如下所示:

XML/HTML代碼
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent"  
  4.     android:background="#f0f0f0"  
  5.     android:orientation="vertical" >  
  6.   
  7.     <TextView  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="wrap_content"  
  10.         android:text="@string/hello" />  
  11.   
  12.     <me.maxwin.view.XListView  
  13.         android:id="@+id/xListView"  
  14.         android:layout_width="fill_parent"  
  15.         android:layout_height="fill_parent"  
  16.         android:cacheColorHint="#00000000" >  
  17.     </me.maxwin.view.XListView>  
  18.   
  19. </LinearLayout> 

       第四步,我們來編寫xlistview_footer裡面的xml文件,具體代碼如下所示:

XML/HTML代碼
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="wrap_content" >  
  4.   
  5.     <RelativeLayout  
  6.         android:id="@+id/xlistview_footer_content"  
  7.         android:layout_width="fill_parent"  
  8.         android:layout_height="wrap_content"  
  9.         android:padding="10dp" >  
  10.   
  11.         <ProgressBar  
  12.             android:id="@+id/xlistview_footer_progressbar"  
  13.             android:layout_width="wrap_content"  
  14.             android:layout_height="wrap_content"  
  15.             android:layout_centerInParent="true"  
  16.             android:visibility="invisible" />  
  17.   
  18.         <TextView  
  19.             android:id="@+id/xlistview_footer_hint_textview"  
  20.             android:layout_width="wrap_content"  
  21.             android:layout_height="wrap_content"  
  22.             android:layout_centerInParent="true"  
  23.             android:text="@string/xlistview_footer_hint_normal" />  
  24.     </RelativeLayout>  
  25.   
  26. </LinearLayout>

       第五步,我們來編寫xlistview_header裡面的xml文件,具體代碼如下所示:

XML/HTML代碼
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="wrap_content"  
  4.     android:gravity="bottom" >  
  5.   
  6.     <RelativeLayout  
  7.         android:id="@+id/xlistview_header_content"  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="60dp" >  
  10.   
  11.         <LinearLayout  
  12.             android:layout_width="wrap_content"  
  13.             android:layout_height="wrap_content"  
  14.             android:layout_centerInParent="true"  
  15.             android:gravity="center"  
  16.             android:orientation="vertical" android:id="@+id/xlistview_header_text">  
  17.   
  18.             <TextView  
  19.                 android:id="@+id/xlistview_header_hint_textview"  
  20.                 android:layout_width="wrap_content"  
  21.                 android:layout_height="wrap_content"  
  22.                 android:text="@string/xlistview_header_hint_normal" />  
  23.   
  24.             <LinearLayout  
  25.                 android:layout_width="wrap_content"  
  26.                 android:layout_height="wrap_content"  
  27.                 android:layout_marginTop="3dp" >  
  28.   
  29.                 <TextView  
  30.                     android:layout_width="wrap_content"  
  31.                     android:layout_height="wrap_content"  
  32.                     android:text="@string/xlistview_header_last_time"  
  33.                     android:textSize="12sp" />  
  34.   
  35.                 <TextView  
  36.                     android:id="@+id/xlistview_header_time"  
  37.                     android:layout_width="wrap_content"  
  38.                     android:layout_height="wrap_content"  
  39.                     android:textSize="12sp" />  
  40.             </LinearLayout>  
  41.         </LinearLayout>  
  42.   
  43.         <ImageView  
  44.             android:id="@+id/xlistview_header_arrow"  
  45.             android:layout_width="wrap_content"  
  46.             android:layout_height="wrap_content"  
  47.             android:layout_alignLeft="@id/xlistview_header_text"  
  48.             android:layout_centerVertical="true"  
  49.             android:layout_marginLeft="-35dp"  
  50.             android:src="@drawable/xlistview_arrow" />  
  51.   
  52.         <ProgressBar  
  53.             android:id="@+id/xlistview_header_progressbar"  
  54.             android:layout_width="30dp"  
  55.             android:layout_height="30dp"  
  56.             android:layout_alignLeft="@id/xlistview_header_text"  
  57.             android:layout_centerVertical="true"  
  58.             android:layout_marginLeft="-40dp"  
  59.             android:visibility="invisible" />  
  60.     </RelativeLayout>  
  61.   
  62. </LinearLayout> 

       至此,關於我們的布局xml文件的代碼都已經寫完了,接著,我們開始編寫java類裡面的代碼,首先,我們來編寫ItemActivity裡面的代碼,具體代碼如下所示:

Java代碼
  1. import android.app.Activity;  
  2. import android.os.Bundle;  
  3. import android.view.MotionEvent;  
  4. import android.view.View;  
  5. import android.view.View.OnTouchListener;  
  6. import android.widget.TextView;  
  7.   
  8. public class ItemActivity extends Activity implements OnTouchListener {  
  9.   
  10.     private float x, upx;  
  11.   
  12.     protected void onCreate(Bundle savedInstanceState) {  
  13.         super.onCreate(savedInstanceState);  
  14.         setContentView(R.layout.activity_item);  
  15.         init();  
  16.     }  
  17.   
  18.     private void init() {  
  19.         findViewById(R.id.ll_parent).setOnTouchListener(this);  
  20.         ((TextView) findViewById(R.id.tv_text)).setText(getIntent().getStringExtra("item"));  
  21.     }  
  22.   
  23.     public boolean onTouch(View v, MotionEvent event) {  
  24.         if (event.getAction() == MotionEvent.ACTION_DOWN) {  
  25.             x = event.getX();  
  26.         }  
  27.         if (event.getAction() == MotionEvent.ACTION_UP) {  
  28.             upx = event.getX();  
  29.             if (Math.abs(x - upx) > 20) {  
  30.                 this.finish();  
  31.                 overridePendingTransition(0, R.anim.slide_out_to_right);  
  32.             }  
  33.         }  
  34.         return true;  
  35.     }  
  36.   
  37. }  

      接著,我們來編寫適配器adapter裡面的代碼,具體代碼如下所示:

Java代碼
  1. import java.util.ArrayList;  
  2.   
  3. import android.content.Context;  
  4. import android.view.LayoutInflater;  
  5. import android.view.View;  
  6. import android.view.ViewGroup;  
  7. import android.widget.BaseAdapter;  
  8. import android.widget.TextView;  
  9.   
  10. public class ItemAdapter extends BaseAdapter {  
  11.   
  12.     private LayoutInflater inflater;  
  13.     private ArrayList<String> datas;  
  14.   
  15.     public ItemAdapter(Context context) {  
  16.         inflater = LayoutInflater.from(context);  
  17.     }  
  18.   
  19.     public void setData(ArrayList<String> datas) {  
  20.         this.datas = datas;  
  21.     }  
  22.   
  23.     public int getCount() {  
  24.         return datas.size();  
  25.     }  
  26.   
  27.     public Object getItem(int position) {  
  28.         return datas.get(position);  
  29.     }  
  30.   
  31.     public long getItemId(int position) {  
  32.         return position;  
  33.     }  
  34.   
  35.     public View getView(final int position, View convertView, ViewGroup parent) {  
  36.         ViewHolder holder = null;  
  37.         if (convertView == null) {  
  38.             holder = new ViewHolder();  
  39.             convertView = inflater.inflate(R.layout.list_item, null);  
  40.             holder.coating = (TextView) convertView.findViewById(R.id.tv_coating);  
  41.             holder.functions = (TextView) convertView.findViewById(R.id.tv_functions);  
  42.             holder.list_item_textview=(TextView) convertView.findViewById(R.id.list_item_textview);  
  43.             convertView.setTag(holder);  
  44.         } else {  
  45.             holder = (ViewHolder) convertView.getTag();  
  46.         }  
  47.           
  48.         holder.list_item_textview.setText(datas.get(position));  
  49.   
  50.         holder.coating.setVisibility(View.VISIBLE);  
  51.           
  52.         holder.functions.setClickable(false);  
  53.           
  54.         return convertView;  
  55.     }  
  56.   
  57.     public final class ViewHolder {  
  58.         public TextView coating;  
  59.         public TextView functions;  
  60.         public TextView list_item_textview;  
  61.     }  
  62. }  

      最後我們來編寫XListViewActivity裡面的代碼,具體代碼如下所示:

Java代碼
  1. import java.util.ArrayList;  
  2.   
  3. import me.maxwin.view.XListView;  
  4. import me.maxwin.view.XListView.IXListViewListener;  
  5. import me.maxwin.view.XListView.RemoveListener;  
  6. import android.app.Activity;  
  7. import android.content.Context;  
  8. import android.content.Intent;  
  9. import android.os.Bundle;  
  10. import android.os.Handler;  
  11. import android.view.View;  
  12. import android.widget.AdapterView;  
  13. import android.widget.AdapterView.OnItemClickListener;  
  14.   
  15. public class XListViewActivity extends Activity implements IXListViewListener ,RemoveListener,OnItemClickListener{  
  16.     private XListView mListView;  
  17. //  private ArrayAdapter<String> mAdapter;  
  18.     private ItemAdapter adapter;  
  19. //  private Context context;  
  20.     private ArrayList<String> items = new ArrayList<String>();  
  21.     private Handler mHandler;  
  22.     private int start = 0;  
  23.     private static int refreshCnt = 0;  
  24.     /** Called when the activity is first created. */  
  25.     @Override  
  26.     public void onCreate(Bundle savedInstanceState) {  
  27.         super.onCreate(savedInstanceState);  
  28.         setContentView(R.layout.main);  
  29.         geneItems();  
  30.         init();  
  31.           
  32.         mHandler = new Handler();  
  33.     }  
  34.       
  35.     private void init() {  
  36.         // TODO Auto-generated method stub  
  37.         mListView = (XListView) findViewById(R.id.xListView);  
  38.         mListView.setPullLoadEnable(true);  
  39.         mListView.setRemoveListener(this);  
  40.         mListView.setOnItemClickListener(this);  
  41. //      mListView.setPullLoadEnable(false);  
  42. //      mListView.setPullRefreshEnable(false);  
  43.         mListView.setXListViewListener(this);  
  44.         adapter=new ItemAdapter(this);  
  45.         adapter.setData(items);  
  46.         mListView.setAdapter(adapter);  
  47.   
  48.     }  
  49.       
  50.       
  51.     private void geneItems() {  
  52.         for (int i = 0; i != 20; ++i) {  
  53.             items.add("refresh cnt " + (++start));  
  54.         }  
  55.     }  
  56.   
  57.     private void onLoad() {  
  58.         mListView.stopRefresh();  
  59.         mListView.stopLoadMore();  
  60.         mListView.setRefreshTime("剛剛");  
  61.     }  
  62.       
  63.     @Override  
  64.     public void onRefresh() {  
  65.         mHandler.postDelayed(new Runnable() {  
  66.             @Override  
  67.             public void run() {  
  68.                 start = ++refreshCnt;  
  69.                 items.clear();  
  70.                 geneItems();  
  71.                 // mAdapter.notifyDataSetChanged();  
  72.                 adapter=new ItemAdapter(XListViewActivity.this);  
  73.                 adapter.setData(items);  
  74.                 mListView.setAdapter(adapter);  
  75.                 onLoad();  
  76.             }  
  77.         }, 2000);  
  78.     }  
  79.   
  80.     @Override  
  81.     public void onLoadMore() {  
  82.         mHandler.postDelayed(new Runnable() {  
  83.             @Override  
  84.             public void run() {  
  85.                 geneItems();  
  86.                 adapter.notifyDataSetChanged();  
  87.                 onLoad();  
  88.             }  
  89.         }, 2000);  
  90.     }  
  91.       
  92.     @Override  
  93.     public void removeItem(int position) {  
  94.         // TODO Auto-generated method stub  
  95.         mListView.isSlide = false;  
  96.         mListView.itemView.findViewById(R.id.tv_coating).setVisibility(View.VISIBLE);  
  97.         items.remove(position);  
  98.         adapter.notifyDataSetChanged();  
  99.           
  100.     }  
  101.   
  102.   
  103.     @Override  
  104.     public void onItemClick(AdapterView<?> parent, View view, int position,  
  105.             long id) {  
  106.         // TODO Auto-generated method stub  
  107.         Intent intent = new Intent(getApplicationContext(), ItemActivity.class);  
  108.         intent.putExtra("item", items.get(position));  
  109.         startActivity(intent);  
  110.         overridePendingTransition(R.anim.slide_in_from_right, R.anim.remain_original_location);  
  111.           
  112.     }  
  113.   
  114. }  

      至此,我們代碼部分都已經編寫完畢,由於小編的genymotion暫時不能運行,所以截圖暫時看不了了,還請小伙伴們多多見諒哦`(*∩_∩*)′!

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved