仿QQ侧滑删除以及下拉刷新上啦加载？

  　　　　今天带来一篇实现QQ侧滑删除以及下拉刷新上拉加载的博客，前段时间在我的项目当中有个模块就是实现类似于qq侧滑上来刷新的效果，刚开始没啥思路，后来看到了一个用的比较普遍的一个开源控件，Swipelayout来实现侧滑删除，本是想通过XListView来实现下拉刷新上啦加载的，但是XListView控件还有一些问题比较突出，比如当我们的列表数据没有充满这个屏幕时，此时如果我们触发上啦刷新这个动作，会导致FooterView的高度增加，影响用户体验，甚至你在短时间内进行多次上啦刷新的动作，会导致数据重复加载，所以我使用PulToRefreshListView(当然你也可以用RecyClerView来代替)，首先我们看一张实现的效果图，毕竟眼见为实吗，待会再上代码。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

(应该录个动态图的，这样效果更好点,讲究点看图片不太整齐，看代码就行。。。)

要想实现这个功能，首先你的去下载这个控件的相关源码，把引入到自己的项目当中即可，这个功能最主要的代码在器Adapter中，至于添加数据等这些操作，我就不贴代码展示了，下面我们来看看如何实现这个功能。

package com.info.mettingapp.adapter;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.info.mettingapp.R;
import com.info.mettingapp.model.MessageCenterModel;
import com.info.mettingapp.weight.CustomExitDialog;
import com.info.mettingapp.weight.SimpleSwipeListener;
import com.info.mettingapp.weight.SwipeLayout;
import java.util.List;

/**
 *
 * Created by joe.xiang on 2016/3/8.
 */
public class SwipeMessageAdapter extends  BaseSwipeAdapter {

    /** 定义变量*/
    private Context mContent;
    private LayoutInflater mInflater;
    private List<MessageCenterModel> listModels;
    private View messageView = null;

    /** 初始化变量*/
    public SwipeMessageAdapter(Context context){
         this.mContent = context;
         mInflater = LayoutInflater.from(mContent);
    }

    /**
     *  数据源
     * @param lists
     */
    public void setMessageDate(List<MessageCenterModel> lists){
           this.listModels = lists;
           notifyDataSetChanged();
    }

    @Override
    public int getSwipeLayoutResourceId(int position) {
        return  R.id.swipe;
    }

    @Override
    public View generateView(final  int position, ViewGroup parent) {
             messageView = mInflater.inflate(R.layout.activity_message_item,parent,false);
        final SwipeLayout swipeLayout = (SwipeLayout) messageView.findViewById(getSwipeLayoutResourceId(position));
             // 当隐藏的删除menu被打开的时候的回调函数
             swipeLayout.addSwipeListener(new SimpleSwipeListener() {
                 @Override
                 public void onOpen(SwipeLayout layout) {
                     Toast.makeText(mContent, "Open", Toast.LENGTH_SHORT).show();
                 }
             });
             // 双击的回调函数
             swipeLayout
                     .setOnDoubleClickListener(new SwipeLayout.DoubleClickListener() {
                         @Override
                         public void onDoubleClick(SwipeLayout layout,
                                                   boolean surface) {
                             Toast.makeText(mContent, "DoubleClick",
                                     Toast.LENGTH_SHORT).show();
                         }
                     });
             // 添加删除布局的点击事件
             messageView.findViewById(R.id.ll_menu).setOnClickListener(new View.OnClickListener() {
                 @Override
                 public void onClick(View arg0) {
                     Toast.makeText(mContent, "delete", Toast.LENGTH_SHORT).show();
                     CustomExitDialog dialog = new CustomExitDialog(mContent,R.style.customExitDailogStyle,R.layout.custom_exit_dialog,SwipeMessageAdapter.this,listModels,position,swipeLayout);
                     dialog.show();
                 }
             });
        return messageView;
    }

    @Override
    public void fillValues(int position, View convertView) {
         MessageHolder holder = null;
         if(convertView!=null){
             holder = new MessageHolder();
             holder.messageView = (ImageView)convertView.findViewById(R.id.message_image);
             holder.messageTitle = (TextView)convertView.findViewById(R.id.mesage_tixing);
             holder.messageContent = (TextView)convertView.findViewById(R.id.mesage_content);
             holder.messageDate = (TextView)convertView.findViewById(R.id.mesage_date);
         }
        holder.messageView.setImageResource(listModels.get(position).messageImage);
        holder.messageTitle.setText(listModels.get(position).messageTitle);
        holder.messageContent.setText(listModels.get(position).messageContent);
        holder.messageDate.setText(listModels.get(position).messsageDate);
    }

    @Override
    public int getCount() {
        Log.i("MessageActivity", listModels.size() + "=======listModels");
        return listModels.size();
    }

    @Override
    public Object getItem(int position) {
        return listModels.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }


    public void CreateDialog(final  SwipeLayout swipeLayout,final int position){
        AlertDialog.Builder builder = new AlertDialog.Builder(mContent);
        builder.setMessage("确认删除这条信息");
        builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                listModels.remove(position);
                notifyDataSetChanged();
                // 点击完成之后，关闭删除menu
                swipeLayout.close();
            }
        });
        builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                dialog.dismiss();
                // 点击完成之后，关闭删除menu
                swipeLayout.close();
            }
        });
        builder.create().show();
    }

    public static class MessageHolder {
        ImageView messageView;
        TextView messageTitle;
        TextView messageContent;
        TextView messageDate;
    }
}

   1、首先我们的Adapter要继承BaseSwipeAdapter,来重写他提供的方法，比如

  public int getSwipeLayoutResourceId(int position) {
        return  R.id.swipe;
    }
 一定返回R.id.swipe,不然找不到你当前的Item资源

2、messageView = mInflater.inflate(R.layout.activity_message_item,parent,false);
    在这里并不需要对messageView做null判断

3、Item中的控件或者布局一定要用

<com.info.mettingapp.weight.SwipeLayout
    android:id="@+id/swipe"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
做外层包装。
4、Item的删除就是根据当前的位置来从集合当中移除，然后通知ListView发生改变

以上就是对SwipeLayout的使用上面所需注意的地方，下次我们一起看看侧滑实现的原理，这样你就更好理解，这篇博客就不在讲解侧滑原理(下片整理)