如何使我的cardviews的移动更顺畅?

时间:2015-02-27 11:06:52

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

我正在使用framelayout来保存我的每张卡片视图,并从中我开始每个动画动画(从左到右)。但我注意到这种运动并不是非常平滑。

我的代码如下,您建议做什么,以便提高卡片移动的整体平滑度。感谢

MyFrameLayout:

public class MyFrameLayout extends FrameLayout {

    private static int mWidth = 500;
    MyFrameLayout touchFrameLayout;

    public MyFrameLayout(Context context) {
        super(context);
        initialize(context);
    }

    public MyFrameLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initialize(context);
    }

    public MyFrameLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initialize(context);
    }

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

    }

    private float mDisplacementX;
    // private float mLastMoveX;
    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 deleteCard() {
            ...
    }


    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:

<?xml version="1.0" encoding="utf-8"?>
<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 :(得分:2)

为了让您的{4}}中的CardView更顺畅地移动,您将使用animation package为您的观看次数或其属性制作动画。有很多方法可以实现这一目标,但Property Animation是迄今为止最简单的方法。它确实符合您的需求,因为您提到您感兴趣的运动是FrameLayout运动。您可以设置left to right的动画,以便更顺畅地移动到CardView

仔细阅读this文档,以便按照您的意愿执行。

修改:可能LayoutTransition对您有用。查看this视频,看看它是什么。简而言之,当您在ViewGroup中添加/删除视图时,可以为所发生的过渡/尺寸标注设置动画。

相关问题