向左或向右滑动时,我的卡片视图并不总是会消失?

时间:2015-03-03 13:54:12

标签: java android android-layout android-intent android-activity

我正在使用FrameLayout来执行每张卡片视图的滑动手势,但卡片并不总是消失。有时他们只是挂在左边或右边,直到用户第二次刷卡。

我该如何解决这个问题?

MyFrameLayout:

public class MyFrameLayout extends FrameLayout {

    private static int mWidth = 200;
    MyFrameLayout touchFrameLayout;

    // Constructors 
    // i call "initialize(context)" in all of them

    private void initialize(Context context) {
        setOnTouchListener(mTouchListener);
        touchFrameLayout = this;

    }

    private float mDisplacementX; 
    private float mDisplacementY;
    private float mInitialTx;
    private boolean mTracking;
    private OnTouchListener mTouchListener = new OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            mWidth = (int) touchFrameLayout.getLayoutParams().width;
            switch (event.getActionMasked()) {
                case MotionEvent.ACTION_DOWN:

                    mDisplacementX = event.getRawX();
                    mDisplacementY = event.getRawY();

                    mInitialTx = getTranslationX();

                    return true;

                case MotionEvent.ACTION_MOVE:
                    // get the delta distance in X and Y direction
                    float deltaX = event.getRawX() - mDisplacementX;
                    float deltaY = event.getRawY() - mDisplacementY;
                    // updatePressedState(false);

                    // set the touch and cancel event
                    if ((Math.abs(deltaX) > ViewConfiguration.get(getContext())
                            .getScaledTouchSlop() * 2 && Math.abs(deltaY) < Math
                            .abs(deltaX) / 2)
                            || mTracking) {

                        mTracking = true;

                        if (getTranslationX() <= mWidth / 2
                                && getTranslationX() >= -(mWidth / 2)) {

                            setTranslationX(mInitialTx + deltaX);
                            return true;
                        }
                    }

                    break;

                case MotionEvent.ACTION_UP:

                    if (mTracking) {
                        mTracking = false;
                        float currentTranslateX = getTranslationX();

                        if (currentTranslateX > (mWidth/10)) {
                            rightSwipe();
                        } else if (currentTranslateX < -(mWidth*10)) {
                            leftSwipe();
                        }

                        // comment this line if you don't want your frame layout to
                        // take its original position after releasing the touch
                        setTranslationX(0);
                        return true;
                    } else {
                        // handle click event
                        setTranslationX(0);
                    }
                    break;
            }
            return false;
        }
    };

    private void rightSwipe() {
        Toast.makeText(this.getContext(), "Swipe to the right",
                Toast.LENGTH_SHORT).show();
     DeleteCard();
    }

    private void leftSwipe() {
        Toast.makeText(this.getContext(), "Swipe to the left",
                Toast.LENGTH_SHORT).show();
        DeleteCard();
    }
}

XML:

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.example.testing.android.layout.MyFrameLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

        <android.support.v7.widget.CardView 
           xmlns:android="http://schemas.android.com/apk/res/android"
           xmlns:app="http://schemas.android.com/apk/res-auto"
           xmlns:card_view="http://schemas.android.com/apk/res-auto"
           android:id="@+id/taskViewContainer"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           app:cardElevation="8dp"
           app:cardPreventCornerOverlap="false"
           card_view:cardCornerRadius="8dp"> 
        </android.support.v7.widget.CardView>

    </com.example.testing.android.layout.MyFrameLayout>

</RelativeLayout>

1 个答案:

答案 0 :(得分:0)

我改编了romannurik的Android-SwipeToDismiss来做到这一点。

代码在github上,带有一个woking示例应用程序,包含:

RecyclerView.OnItemTouchListener的子类,它侦听触摸事件并检测项目何时被刷过,并相应地设置动画。 调用SwipeListener,以便在项目被解除时知道项目是否可以被解除并再次调用。 要使用它,请将类SwipeableRecyclerViewTouchListener复制到项目中并像这样使用

mAdapter = new CardViewAdapter(mItems);

    mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);

    mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
    mRecyclerView.setAdapter(mAdapter);

    SwipeableRecyclerViewTouchListener swipeTouchListener =
            new SwipeableRecyclerViewTouchListener(mRecyclerView,
                    new SwipeableRecyclerViewTouchListener.SwipeListener() {
                        @Override
                        public boolean canSwipe(int position) {
                            return true;
                        }

                        @Override
                        public void onDismissedBySwipeLeft(RecyclerView recyclerView, int[] reverseSortedPositions) {
                            for (int position : reverseSortedPositions) {
                                mItems.remove(position);
                                mAdapter.notifyItemRemoved(position);
                            }
                            mAdapter.notifyDataSetChanged();
                        }

                        @Override
                        public void onDismissedBySwipeRight(RecyclerView recyclerView, int[] reverseSortedPositions) {
                            for (int position : reverseSortedPositions) {
                                mItems.remove(position);
                                mAdapter.notifyItemRemoved(position);
                            }
                            mAdapter.notifyDataSetChanged();
                        }
                    });

    mRecyclerView.addOnItemTouchListener(swipeTouchListener);
}

这也很有用:http://www.getgoodcode.com/2013/06/swipe-to-dismiss-google-style/

希望它适合你!