Android开发-自定义View-AndroidStudio(十六)侧滑删除

转载请注明出处： http://blog.csdn.net/iwanghang/article/details/53929510
觉得博文有用，请点赞，请评论，请关注，谢谢！~


项目源码下载： http://download.csdn.net/detail/iwanghang/9724693


老规矩，先上GIF动态图，看个效果，如果符合你的项目或者确定你要了解的内容，再往下看吧：
其实最近几篇博客写得不是很好，代码已经不太适合初学者来阅读，很多地方刚接触Android的同学可能还需要查资料，才能理解。
从这篇博文开始，博主把所有可能需要查资料的地方，都写在注释里，起码看了就明白意思，减少大家查资料的时间。
争取做到，复制代码就去用，不懂的地方几乎不用查资料，直接从注释里就能得到答案。让我们共同进步~


MainActivity.java：

package com.iwanghang.slidedemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private ListView lv_main;
    private ArrayList<MyBean> myBeans;
    private MyAdapter myAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lv_main = (ListView) findViewById(R.id.lv_main);

        // 设置适配器
        // 准备数据
        myBeans = new ArrayList<>();
        for(int i=0;i<100;i++){
            myBeans.add(new MyBean("iwanghang~"+i));
        }
        myAdapter = new MyAdapter();
        lv_main.setAdapter(myAdapter);
    }

    class MyAdapter extends BaseAdapter{

        @Override
        public int getCount() {
            return myBeans.size();
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

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

        /**
         * ViewHolder的解释：
         * 1、只是一个静态类，不是Android的API方法。
         * 2、它的作用就在于减少不必要的调用findViewById，然后把对底下的控件引用存在ViewHolder里面，再在
         * View.setTag(holder)把它放在view里，下次就可以直接取了。
         */
        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
            ViewHolder viewHolder;
            if(convertView == null){
                convertView = View.inflate(MainActivity.this,R.layout.item_main,null);
                viewHolder = new ViewHolder();
                viewHolder.item_content = (TextView) convertView.findViewById(R.id.item_content);
                viewHolder.item_menu = (TextView) convertView.findViewById(R.id.item_menu);
                /**
                 * setTag
                 * 把查找的view缓存起来方便多次重用
                 * 相当于给View对象的一个标签。XX标签可以是任何内容，我们这里把他设置成了一个对象XX。
                 *
                 * Tag的作用就是设置标签，标签可以是任意玩意。
                 * 以及convertView是如何在程序中使代码运行变的效率的：利用缓存convertView尽可能少实例化
                 * 同样结构体的对象；
                 */
                convertView.setTag(viewHolder);
            }else{
                viewHolder = (ViewHolder) convertView.getTag();
            }

            // 根据位置得到内容
            final MyBean myBean = myBeans.get(position);
            viewHolder.item_content.setText(myBean.getName());

            viewHolder.item_content.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    MyBean myBean1 = myBeans.get(position);
                    Toast.makeText(MainActivity.this, myBean1.getName(), Toast.LENGTH_SHORT).show();
                    System.out.println("MainActivity---onClick");
                }
            });

            viewHolder.item_menu.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    /**
                     * getParent() 获取父组件
                     * 获取爷爷组件，可以使用getParent().getParent()
                     */
                    SlideLayout slideLayout = (SlideLayout) view.getParent();
                    slideLayout.closeMenu();
                    myBeans.remove(myBean);
                    notifyDataSetChanged();
                    System.out.println("MainActivity---remove");
                }
            });

            SlideLayout slideLayout = (SlideLayout) convertView;
            slideLayout.setOnStateChangeListener(new MyOnStateChangeListener());
            return convertView;
        }
    }

    private SlideLayout slideLayout;

    class MyOnStateChangeListener implements SlideLayout.OnStateChangeListener {

        @Override
        public void onClose(SlideLayout layout) {
            if(slideLayout == layout){
                slideLayout = null;
            }
        }

        @Override
        public void onDown(SlideLayout layout) {
            if(slideLayout!=null && slideLayout!=layout){
                slideLayout.closeMenu();
            }
        }

        @Override
        public void onOpen(SlideLayout layout) {
            slideLayout = layout;
        }

    }

    /**
     * ViewHolder的解释：
     * 1、只是一个静态类，不是Android的API方法。
     * 2、它的作用就在于减少不必要的调用findViewById，然后把对底下的控件引用存在ViewHolder里面，再在
     * View.setTag(holder)把它放在view里，下次就可以直接取了。
     */
    static class ViewHolder{
        TextView item_content;
        TextView item_menu;
    }
}

SlideLayout.java：

package com.iwanghang.slidedemo;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.Scroller;

public class SlideLayout extends FrameLayout {

    private static final String TAG = SlideLayout.class.getSimpleName();
    private View contentView;
    private View menuView;

    /**
     * 滚动者
     */
    private Scroller scroller;

    /**
     * Content的宽
     */
    private int contentWidth;
    private int menuWidth;
    private int viewHeight; // 他们的高都是相同的

    public SlideLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        scroller = new Scroller(context);
    }

    /**
     * 当布局文件加载完成的时候回调这个方法
     */
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        contentView = getChildAt(0);
        menuView = getChildAt(1);
    }

    /**
     * 在测量方法里，得到各个控件的高和宽
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        contentWidth = contentView.getMeasuredWidth();
        menuWidth = menuView.getMeasuredWidth();
        viewHeight = getMeasuredHeight();
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        // 指定菜单的位置
        menuView.layout(contentWidth, 0, contentWidth + menuWidth, viewHeight);
    }

    private float startX;
    private float startY;
    private float downX; // 只赋值一次
    private float downY;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        super.onTouchEvent(event);
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                 // 1.按下记录坐标
                 downX = startX = event.getX();
                 downY = startY = event.getY();
                Log.e(TAG,"SlideLayout-onTouchEvent-ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.e(TAG,"SlideLayout-onTouchEvent-ACTION_MOVE");
                // 2.记录结束值
                float endX = event.getX();
                float endY = event.getY();
                // 3.计算偏移量
                float distanceX = endX - startX;

                int toScrollX = (int) (getScrollX() - distanceX);
                if (toScrollX < 0) {
                    toScrollX = 0;
                } else if (toScrollX > menuWidth) {
                    toScrollX = menuWidth;
                }

                scrollTo(toScrollX, getScrollY());

                startX = event.getX();
                startY = event.getY();
                // 在X轴和Y轴滑动的距离
                float DX = Math.abs(endX-downX);
                float DY = Math.abs(endY-downY);
                if(DX>DY && DX>8){
                    // 水平方向滑动
                    // 响应侧滑
                    // 反拦截-事件给SlideLayout
                    getParent().requestDisallowInterceptTouchEvent(true);
                }

                break;
            case MotionEvent.ACTION_UP:
                Log.e(TAG,"SlideLayout-onTouchEvent-ACTION_UP");
                int totalScrollX = getScrollX();//偏移量
                if(totalScrollX < menuWidth/2){
                    // 关闭Menu
                    closeMenu();
                }else{
                    // 打开Menu
                    openMenu();
                }
                break;
        }

        return true;
    }

    /**
     * true:拦截孩子的事件，但会执行当前控件的onTouchEvent()方法
     * false:不拦截孩子的事件，事件继续传递
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        boolean intercept = false;
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 1、按下记录坐标
                downX = startX = event.getX();
                Log.e(TAG,"SlideLayout-onTouchEvent-ACTION_DOWN");
                if(onStateChangeListener != null){
                    onStateChangeListener.onDown(this);
                }
                break;
            case MotionEvent.ACTION_MOVE:
                Log.e(TAG,"SlideLayout-onTouchEvent-ACTION_MOVE");
                // 2、记录结束值
                float endX = event.getX();
                float endY = event.getY();
                // 3、计算偏移量
                float distanceX = endX - startX;

                startX = event.getX();
                // 在X轴和Y轴滑动的距离
                float DX = Math.abs(endX-downX);
                if(DX>8){
                    intercept = true;
                }

                break;
            case MotionEvent.ACTION_UP:
                break;
        }

        return intercept;
    }

    /**
     * 打开menu
     */
    public void openMenu() {
        // --->menuWidth
        int distanceX = menuWidth - getScrollX();
        scroller.startScroll(getScrollX(), getScrollY(), distanceX, getScrollY());
        invalidate(); // 强制刷新
        System.out.println("SlideLayout---openMenu");
        if(onStateChangeListener != null){
            onStateChangeListener.onOpen(this);
        }
    }

    /**
     * 关闭menu
     */
    public void closeMenu() {
        // --->0
        int distanceX = 0 - getScrollX();
        scroller.startScroll(getScrollX(), getScrollY(), distanceX, getScrollY());
        invalidate(); // 强制刷新
        System.out.println("SlideLayout---closeMenu");
        if(onStateChangeListener != null){
            onStateChangeListener.onClose(this);
        }
    }

    /**
     * computeScroll：主要功能是计算拖动的位移量、更新背景、设置要显示的屏幕(setCurrentScreen(mCurrentScreen);)。
     * 重写computeScroll()的原因：调用startScroll()是不会有滚动效果的，只有在computeScroll()获取滚动情况，做出滚动的响应
     */
    @Override
    public void computeScroll() {
        super.computeScroll();
        if(scroller.computeScrollOffset()){
            scrollTo(scroller.getCurrX(),scroller.getCurrY());
            invalidate();
            System.out.println("SlideLayout---computeScroll");
        }
    }

    /**
     * 接口回调
     * 监听SlideLayout状态的改变
     */
    public interface OnStateChangeListener{
        void onClose(SlideLayout layout);
        void onDown(SlideLayout layout);
        void onOpen(SlideLayout layout);
    }

    private  OnStateChangeListener onStateChangeListener;

    /**
     * 设置SlideLayout状态的监听
     */
    public void setOnStateChangeListener(OnStateChangeListener onStateChangeListener) {
        this.onStateChangeListener = onStateChangeListener;
    }
}

MyBean.java：

package com.iwanghang.slidedemo;

public class MyBean {
    private String name;

    public MyBean(String name) {
        this.name = name;
    }

    public String getName() {
        return name;
    }
}

activity_main.xml

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.iwanghang.slidedemo.MainActivity">

    <ListView
        android:id="@+id/lv_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

item_main.xml

<?xml version="1.0" encoding="utf-8"?>
<com.iwanghang.slidedemo.SlideLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="60dp">

    <include android:id="@+id/item_content" layout="@layout/item_content"/>
    <include android:id="@+id/item_menu" layout="@layout/item_menu"/>

</com.iwanghang.slidedemo.SlideLayout>

item_content.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="#44000000"
    android:gravity="center"
    android:text="Content"
    android:textColor="#000000"
    android:textSize="25sp">
</TextView>

item_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="60dp"
    android:background="#22000000"
    android:gravity="center"
    android:text="Delete"
    android:textColor="#ff0000"
    android:textSize="25sp">
</TextView>

转载请注明出处： http://blog.csdn.net/iwanghang/article/details/53929510

欢迎移动开发爱好者交流
沈阳或周边城市公司有意开发Android，请与我联系
联系方式

微信：iwanghang
QQ：413711276
邮箱：iwanghang@qq.com

项目源码下载： http://download.csdn.net/detail/iwanghang/9724693


觉得博文有用，请点赞，请评论，请关注，谢谢！~