防QQ侧滑删除效果的实现_防qq侧滑删除js-CSDN博客

闲来无事,在博客上瞎逛,看到QQ侧滑效果的实现,忽然自己也想动手实现看看.以下是参考了很多人的博客后的实现代码,具体是哪位的博客我忘记了,就不一一给出连接了

我是基于SwipeMenuListView.jar包实现的,步骤如下 :

1.把SwipeMenuListView.jarcopy到工程的libs包下,然后添加依赖

2.在xml中把ListView用SwipeMenuListView替代

3.在Activity中使用

详细代码如下:

------------------------------------------------------------------------------------------------- MainActivity start --------------------------------------------------------------------------------------------------------------

package chen.www.swipemenulistview;

import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;

import com.baoyz.swipemenulistview.SwipeMenu;
import com.baoyz.swipemenulistview.SwipeMenuCreator;
import com.baoyz.swipemenulistview.SwipeMenuItem;
import com.baoyz.swipemenulistview.SwipeMenuListView;

import java.util.ArrayList;
import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;

public class MainActivity extends AppCompatActivity {

    SwipeMenuListView mListview;
    private MyAdapter adapter;

    private List mContentList;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        initView();

        SwipeMenuCreator creator = new SwipeMenuCreator() {
            @Override
            public void create(SwipeMenu menu) {
                // 创建一个取消按钮
                SwipeMenuItem openItem = new SwipeMenuItem(
                        getApplicationContext());
                // 设置openItem的背景颜色
                openItem.setBackground(new ColorDrawable(Color.rgb(0xC9, 0xC9, 0xCE)));
                // 设置openItem的宽度
                // openItem.setWidth(dp2px(90));
                openItem.setWidth(80);

                // 设置openItem的 title
                openItem.setTitle("取消");
                // 设置openItem的 title 的字体大小
                openItem.setTitleSize(18);
                // 设置openItem的 title 的字体颜色
                openItem.setTitleColor(Color.WHITE);
                // 添加menu
                menu.addMenuItem(openItem);
                // 创建一个取消删除
                SwipeMenuItem deleteItem = new SwipeMenuItem(
                        getApplicationContext());
                // 设置deleteItem的背景颜色
                deleteItem.setBackground(new ColorDrawable(Color.rgb(0xF9,0x3F, 0x25)));
                // 设置deleteItem的宽度
                deleteItem.setWidth(80);
                // 设置deleteItem的图片
                //deleteItem.setIcon(R.mipmap.del_icon_normal);
                // add to menu
                // 设置deleteItem的 title
                deleteItem.setTitle("删除");
                // 设置deleteItem的 title的字体大小
                deleteItem.setTitleSize(20);
                // 设置deleteItem的 title的字体颜色
                deleteItem.setTitleColor(Color.WHITE);
                // 设置deleteItem的图片
                //deleteItem.setIcon(R.mipmap.del_icon_normal);
                //添加删除按钮
                menu.addMenuItem(deleteItem);

                //添加一个编辑按钮
                SwipeMenuItem editItem = new SwipeMenuItem(
                        getApplicationContext());

                                               editItem.setBackground(new ColorDrawable(Color.rgb(0xC9, 0xC9,0xCE)));
                editItem.setWidth(80);
                editItem.setTitle("编辑");                editItem.setTitleSize(20);                editItem.setTitleColor(Color.WHITE);                menu.addMenuItem(editItem);                //此处可根据需要添加不同数量的按钮,onMenuItemClick方法中的index就是按钮的下标,从0开始            }        };        // 设置 creator -----这步很重要,不要忘记了哦        mListview.setMenuCreator(creator);        /**         * 点击不同按钮的想对应的处理         */        mListview.setOnMenuItemClickListener(new SwipeMenuListView.OnMenuItemClickListener() {            /**             *             * @param position   item的position             * @param swipeMenu             * @param index             */            @Override            public void onMenuItemClick(int position, SwipeMenu swipeMenu, int index) {                switch (index) {                    case 0:                        //刷新列表                        adapter.notifyDataSetChanged();                        break;                    case 1:                        //删除对应position的数据                        mContentList.remove(position);                        adapter.notifyDataSetChanged();                    case 2:                        Log.e("TAG", "position  " + position);                        Log.e("TAG", "index  " + index);                        break;                }            }        });    }    private void initView() {        mListview = (SwipeMenuListView) findViewById(R.id.swipemenulistview);        mContentList = new ArrayList();        for (int i = 0; i < 15; i++) {            mContentList.add(i);        }        adapter = new MyAdapter(MainActivity.this, mContentList);        mListview.setAdapter(adapter);    }}

----------------------------------------------------------------------------------------------------- MainActivity end ------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------- MainActivity xml start ------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <com.baoyz.swipemenulistview.SwipeMenuListView
        android:id="@+id/swipemenulistview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
         />

</LinearLayout>

---------------------------------------------------------------------------------------------------- MyAdapter start ------------------------------------------------------------------------------------------------------------

package chen.www.swipemenulistview;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by chenqiuping on 2016/12/6.
 */
public class MyAdapter extends BaseAdapter {
    private Context context;
    private List list;
    private ArrayList openedItems;


    public MyAdapter(Context context, List list) {
        super();
        this.context = context;
        this.list = list;
        openedItems = new ArrayList();
    }

    @Override
    public int getCount() {
        return list == null ? 0 : list.size();
    }

    @Override
    public Object getItem(int position) {
        return list == null ? 0 : position;
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            holder = new ViewHolder();
            convertView = View.inflate(context, R.layout.item, null);
            holder.tv_type = (TextView) convertView.findViewById(R.id.tv_type);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        holder.tv_type.setText("你的名字========"+list.get(position));
        return convertView;
    }


    class ViewHolder {
        public TextView tv_type;
    }


}

---------------------------------------------------------------------------------------------------- MyAdapter end ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- MyAdapterxend ------------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv_type"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="20dp"
        android:textColor="#ff0000"
        android:textSize="25sp" />
</LinearLayout>

--------------------------------------------------------------------------------------------------- MyAdapter xml end --------------------------------------------------------------------------------------------------------

请看效果图: