Android Demo 下拉刷新+加载更多+滑动删除
2015-11-29 23:39 阅读(311)

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

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

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<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></span>

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

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<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></span>

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

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<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></span>

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

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<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></span>

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

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<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></span>

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

<span style="font-size:18px;">package me.maxwin;

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;
	}

}
</span>

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

<span style="font-size:18px;">package me.maxwin;

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;
	}
}
</span>

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

<span style="font-size:18px;">package me.maxwin;

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);
		
	}

	

}</span>

至此，我们代码部分都已经编写完毕，由于小编的genymotion暂时不能运行，所以截图暂时看不了了，还请小伙伴们多多见谅哦`(*∩_∩*)′！

      小编寄语：该博客小编主要简单的介绍了下拉刷新，加载更多以及活动删除的相关知识，还是那句话对于小编来说，既是挑战更是机遇，因为知识都是相通的，再者来说，在小编的程序人生中，留下最珍贵的记忆，虽然以后小编不一定从事安卓这个行业，代码世界里，很多种事，有的甜蜜，有的温馨，有的婉转成歌，有的绵延不息，在这些故事里，我们唯一的共通之处就是，某年，某月，某个波澜不惊的日子里，曾经很爱很爱你！爱你--这段接触Android日子里，安卓带给小编的种种的惊喜。


作者丁国华

+友情链接

老左的源码市场 老左的博客 广东人才网 真空泵 小知识白条资讯科普分享 aapoker 谷歌浏览器 xshell下载 智慧供热 码支付平台 沈阳贷款公司哪个好 高仿手錶 wepoker aa扑克 wepoker官网 工业品平台 阿里下载站 智慧供热 hhpoker 微扑克官网 清华大学总裁班 新笔趣阁 无畏游戏盒 大道之上 夜无疆 免费舌诊 美股开户优惠 snipaste下载 恒宁影院 企业家学习网 美国林肯大学 年糕游戏网 上海展台设计 虛擬辦公室 pearl jewelry 威而柔哪裡買 7149手游网 谷歌浏览器 犀利士5mg 北京国际快递公司 快连 必利勁哪裡買
联系我们[微信：18518463823] | 京ICP备2023028852号-2