Android-自定義仿QQ列表Item滑動

效果圖：

 

佈局中去指定自定義FrameLayout：

<!-- 自定義仿QQ列表Item滑動 -->
<view.custom.shangguigucustomview.MyCustomFrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:orientation="vertical"
    tools:context=".ShangGuiguTestActivity"
    android:background="@android:color/darker_gray">

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:background="@android:color/white"
        android:textColor="@android:color/black"
        android:textSize="20dp"
        android:text="你有一條消息未讀"
        android:gravity="center"
        android:drawableLeft="@mipmap/ic_launcher_round"
        android:paddingRight="40dp"
        />

    <TextView
        android:id="@+id/tv_menu"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:background="@android:color/holo_orange_dark"
        android:textColor="#f00000"
        android:textSize="20dp"
        android:text="刪除"
        android:gravity="center"
        android:paddingLeft="30dp"
        android:paddingRight="30dp"
        />

</view.custom.shangguigucustomview.MyCustomFrameLayout>

 

自定義FrameLayout：

public class MyCustomFrameLayout extends FrameLayout { // 繼承於FrameLayout屬於繼承ViewGroup，由於它包含了孩子

    private static final String TAG = MyCustomFrameLayout.class.getSimpleName();

    /**
     * 拿到兩個控件的寬和三個的高
     * @param context
     * @param attrs
     */
    private int myHeigth; // 統一的高度
    private int myContentWidth; // 中間內容TextView的寬度
    private int myMenuWidth; // 菜單的寬度

    private Scroller scroller;

    public MyCustomFrameLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);

        scroller = new Scroller(context);
    }

    private View tvContent;
    private View tvMenu;

    /**
     * 當佈局加載完成✅後就會回調此方法
     */
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();

        tvContent = getChildAt(0); // 拿到第一個孩子
        tvMenu = getChildAt(1); // 獲得第二個孩子
    }

    /**
     * 測量兩個孩子的高寬
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        myContentWidth = tvContent.getMeasuredWidth(); // 等價於getMeasuredWidth();由於這個是後去父控件的寬度，父控件和這個孩子控件寬度是同樣的
        myHeigth = getMeasuredHeight();
        myMenuWidth = tvMenu.getMeasuredWidth();
    }

    /**
     * 爲什麼不讓實現者強制重寫，應該在FrameLayout中已經重寫過了
     * @param changed
     * @param left
     * @param top
     * @param right
     * @param bottom
     */
    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);

        // 指定位置
        tvContent.layout(0, 0, myContentWidth, myHeigth);
        tvMenu.layout(myContentWidth, 0 , myContentWidth + myMenuWidth, myHeigth);
    }

    private float startX;
    private int x;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                startX =  event.getX();
                break;
            case MotionEvent.ACTION_UP:
                float upEnd = event.getX();
                float thisUp = upEnd;
                // float myx = getScrollX() - thisUp;
                if (getScrollX() > myMenuWidth / 2) {
                    // x = myMenuWidth;

                    openM();
                } else {
                    // x = 0;

                    closeM();
                }
                /*invalidate();
                scroller.startScroll(getScrollX(), getScrollY(), x, Math.abs(1000));*/
                // scrollTo(x, getScrollY());
                break;
            case MotionEvent.ACTION_MOVE:
                int endX = (int) event.getX();
                int thisX = (int) (endX - startX);

                int scrollX = getScrollX();
                Log.i(TAG, ">>>>> scrollX" + scrollX);

                x =  scrollX - thisX;

                // 非法值的屏蔽
                if (x < 0) {
                    x = 0;
                } else if (x > myMenuWidth) {
                    x = myMenuWidth;
                }

                scrollTo(x, getScrollY());

                startX = event.getX();

                break;
            default:
                break;
        }
        return true;
    }

    private void openM() {
        invalidate();
        int dx = myMenuWidth - getScrollX();
        scroller.startScroll(getScrollX(), getScrollY(), dx, Math.abs(1000));
    }

    private void closeM() {
        invalidate();
        int dx = 0 - getScrollX();
        scroller.startScroll(getScrollX(), getScrollY(), dx, Math.abs(1000));
    }

    @Override
    public void computeScroll() {
        super.computeScroll();

        if (scroller.computeScrollOffset()) {
            int currX = scroller.getCurrX();
            scrollTo(currX, 0);
            invalidate();
        }
    }
}