【问题标题】:Move object up/down with swipe gesture使用滑动手势向上/向下移动对象
【发布时间】:2016-03-01 02:47:11
【问题描述】:

我正在尝试在 max_heightmin_height 值之间移动对象,我找到了一段代码并尝试对其进行调整,但是对象 (CardView) 在屏幕的整个高度上移动,当我尝试移动对象时,在移动之前再次出现在另一个位置,我不知道如何使其适应我的需要,有什么想法吗?

public interface OnLayoutCloseListener {
    void OnLayoutClosed();
}

enum Direction {
    UP_DOWN,
    LEFT_RIGHT,
    NONE
}
private Direction direction = Direction.NONE;
private int previousFingerPositionY;
private int previousFingerPositionX;
private int baseLayoutPosition;
private boolean isScrollingUp;
private boolean isLocked = false;
private OnLayoutCloseListener listener;

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {

    if (isLocked) {
        return false;
    } else {
        final int y = (int) ev.getRawY();
        final int x = (int) ev.getRawX();


        if (ev.getActionMasked() == MotionEvent.ACTION_DOWN) {

            previousFingerPositionX = x;
            previousFingerPositionY = y;

        } else if (ev.getActionMasked() == MotionEvent.ACTION_MOVE) {


            int diffY = y - previousFingerPositionY;
            int diffX = x - previousFingerPositionX;

            if (Math.abs(diffX) + 50 < Math.abs(diffY)) {
                return true;
            }

        }

        return false;
    }

}

@Override
public boolean onTouchEvent(MotionEvent ev) {

    if (!isLocked) {

        final int y = (int) ev.getRawY();
        final int x = (int) ev.getRawX();

        if (ev.getActionMasked() == MotionEvent.ACTION_DOWN) {

            previousFingerPositionX = x;
            previousFingerPositionY = y;
            baseLayoutPosition = (int) this.getY();

        } else if (ev.getActionMasked() == MotionEvent.ACTION_MOVE) {


            int diffY = y - previousFingerPositionY;
            int diffX = x - previousFingerPositionX;

            if (direction == Direction.NONE) {
                if (Math.abs(diffX) > Math.abs(diffY)) {
                    direction = Direction.LEFT_RIGHT;
                } else if (Math.abs(diffX) < Math.abs(diffY)) {
                    direction = Direction.UP_DOWN;
                } else {
                    direction = Direction.NONE;
                }
            }

            if (direction == Direction.UP_DOWN) {
                isScrollingUp = diffY <= 0;

                this.setY(baseLayoutPosition + diffY);
                requestLayout();
                return true;
            }

        } else if (ev.getActionMasked() == MotionEvent.ACTION_UP) {

            if (direction == Direction.UP_DOWN) {

                if (isScrollingUp) {

                    //Calculates height according to my needs
                    int max_height = height - (card.getHeight() + toolbar.getHeight());

                    if (Math.abs(this.getY()) > max_height) {

                        if (listener != null) {
                            listener.OnLayoutClosed();
                        }

                    }

                } else {

                    //Calculates height according to my needs
                    int min_height = height - ((int)(toolbar.getHeight() * 1.7));
                    if (Math.abs(this.getY()) > min_height) {
                        if (listener != null) {
                            listener.OnLayoutClosed();
                        }

                    }

                }

                ObjectAnimator positionAnimator = ObjectAnimator.ofFloat(card, "y", this.getY(), 0);
                positionAnimator.setDuration(0);
                positionAnimator.start();

                direction = Direction.NONE;
                return true;
            }

            direction = Direction.NONE;
        }

        return true;

    }

    return false;
}

public void setOnLayoutCloseListener(OnLayoutCloseListener closeListener) {
    this.listener = closeListener;
}

public void lock() {
    isLocked = true;
}

public void unLock() {
    isLocked = false;
}

更新解决方案:

在任何卡片实例中重置LayoutParam

card.setLayoutParams(new FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));

比使用此代码在min_heightmax_height 之间滚动视图

private int previousFingerPositionY;
private int previousFingerPositionX;
int min_height = 500;
int max_height = 100;
int pressedy;
int viewMariginY;

private boolean isLocked = false;
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    if (isLocked) {
        return false;
    } else {
        final int y = (int) ev.getRawY();
        final int x = (int) ev.getRawX();
        if (ev.getActionMasked() == MotionEvent.ACTION_DOWN) {
            previousFingerPositionX = x;
            previousFingerPositionY = y;
        } else if (ev.getActionMasked() == MotionEvent.ACTION_MOVE) {
            int diffY = y - previousFingerPositionY;
            int diffX = x - previousFingerPositionX;
            if (Math.abs(diffX) + 25 < Math.abs(diffY)) {
                return true;
            }
        }
        return false;
    }
}

@Override
public boolean onTouchEvent(MotionEvent event) {

    int currenty=(int) event.getRawY();
    FrameLayout.LayoutParams layoutParams = (FrameLayout.LayoutParams) card.getLayoutParams();
    switch(event.getAction())
    {

        case MotionEvent.ACTION_DOWN :
            pressedy=currenty;
            viewMariginY=layoutParams.topMargin;
            break;


        case MotionEvent.ACTION_MOVE :
            int diffy=currenty-pressedy;
            int marginy=viewMariginY+diffy;
            layoutParams.topMargin=marginy;
            if(marginy >= max_height && marginy <= min_height)
            {
                ObjectAnimator positionAnimator = ObjectAnimator.ofFloat(card, "y", this.getY(), marginy);
                positionAnimator.setDuration(0);
                positionAnimator.start();
            }
            break;

        case MotionEvent.ACTION_UP :
            int diffy2=currenty-pressedy;
            int marginy2=viewMariginY+diffy2;
            layoutParams.topMargin=marginy2;
            if(marginy2 >= max_height && marginy2 <= min_height)
            {
                ObjectAnimator positionAnimator1 = ObjectAnimator.ofFloat(card, "y", this.getY(), marginy2);
                positionAnimator1.setDuration(0);
                positionAnimator1.start();
            }
            break;
    }

    return true;
}

【问题讨论】:

    标签: java android android-layout android-gesture


    【解决方案1】:
    int pressedx,pressedy;
        int viewMariginX,viewMariginY;  
    
    @Override
    public boolean onTouch(View v, MotionEvent event) {
    
        int currentx=(int) event.getRawX();
        int currenty=(int) event.getRawY();
    
    
    //get Layout Param of your cardView 
    
        FrameLayout.LayoutParams layoutParams = (FrameLayout.LayoutParams) v.getLayoutParams();
    
        switch(event.getAction())
        {
    
        case MotionEvent.ACTION_DOWN :
    
            pressedx=currentx;
            pressedy=currenty;
    
            viewMariginX=layoutParams.leftMargin;
            viewMariginY=layoutParams.topMargin;
            break;
    
    
        case MotionEvent.ACTION_MOVE : 
    
            int diffx=currentx-pressedx;
            int diffy=currenty-pressedy;
    
            int marginx=viewMariginX+diffx;
            int marginy=viewMariginY+diffy;
    
    
            layoutParams.leftMargin=marginx;
            layoutParams.topMargin=marginy;     
            v.setLayoutParams(layoutParams);          
            break;
    
        case MotionEvent.ACTION_UP : 
    
            int diffx2=currentx-pressedx;
            int diffy2=currenty-pressedy;
    
            int marginx2=viewMariginX+diffx2;
            int marginy2=viewMariginY+diffy2;
    
    
            layoutParams.leftMargin=marginx2;
            layoutParams.topMargin=marginy2;            
            v.setLayoutParams(layoutParams);    
            break;
        }
    
        return true;
    }
    

    您的参考与我几天前所做的相似。

    取两个位置的差值,从左到上添加到当前视图边距。

    您可以通过保存这些边距值来保留视图的位置。

    注意:您必须注意 MAX 和 MIN 界限

    希望对你有帮助...

    更新: 1) 将 onTouchListners 附加到您想要的任意数量的卡片视图上

    cardview.setOnTouchListener(this); cardview1.setOnTouchListener(this);

    OnTouch(View v, MotionEvent 事件) 在将触摸事件分派到视图时调用。这让听众有机会在目标视图之前做出响应。

    指定者:OnTouchListener 中的 onTouch(...) 参数: v :已将触摸事件分派到的视图。 event :包含有关事件的完整信息的 MotionEvent 对象。 通过文档。

    将 onTouch 中的卡片视图更改为 v

    从你的问题

    FrameLayout.LayoutParams layoutParams = (FrameLayout.LayoutParams) v.getLayoutParams();

    ObjectAnimator positionAnimator = ObjectAnimator.ofFloat(v, "y", this.getY(), marginy); positionAnimator.setDuration(0); positionAnimator.start();

    以相同的方法更改更多引用。

    2) 设置边界的问题是在更改位置之前进行简单的条件检查。

    抱歉解释不好。

    【讨论】:

    • 它会修改你的卡片视图的边距如果你不希望只是用你的翻译代码替换参数代码,因为你现在得到了相对差异..
    • 我对您更新的第一句话和最后一句话之间的问题有点困惑。不管怎样,我已经更新了我的答案
    • onTouch(View v, MotionEvent event) 使用这个方法而不是 onTouchEvent(MotionEvent event) 和重置你的意思是请解释
    • with onTouch(..) 不起作用,如果使用上述方法重置,我会恢复初始参数...不是这个 layoutParams.topMargin=marginy2;
    • 我找到了解决办法,非常感谢您的帮助
    【解决方案2】:

    这个动画:

    ObjectAnimator positionAnimator = ObjectAnimator.ofFloat(card, "y", this.getY(), 0);
    

    将垂直轴上的视图从this.getY() y 位置移动到 0(屏幕顶部)。

    我看到您设置了一些界限 max_heightmin_height,但您并没有以任何方式使用它们。

    我不确定你的要求是什么,但你可以这样做:

    ObjectAnimator positionAnimator = ObjectAnimator.ofFloat(card, "y", this.getY(), (Math.abs(this.getY() - min_height) < Math.abs(this.getY() - max_height))?min_height:max_height);
    

    这将根据最接近的对象将对象移动到min_heightmax_height

    视图似乎也被此调用 this.setY(baseLayoutPosition + diffY); requestLayout(); 设置了动画,您必须确保 baseLayoutPosition + diffY 在范围内,例如:

    int amount = baseLayoutPosition + diffY;
    this.setY(Math.min(max_height, Math.max(min_height, amount)));
    

    【讨论】:

    • 是的,但它会在屏幕的整个高度上移动...我会在最小和最大高度之间,从最小开始
    • @MicheleLacorte 在这种情况下,请尝试:ObjectAnimator.ofFloat(card, "y", min_height, max_height);
    • 我用 ObjectAnimator 都试过了,但 CardView 没有被阻塞,没有向上或向下流动,保持静止,或者有时向上/向下拍摄
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-17
    • 1970-01-01
    • 2015-07-10
    相关资源
    最近更新 更多