如何在视图关闭动画功能结束之前防止触摸视图?
How to prevent touching the view until a view dismiss animation function ends?
我有一个自定义 java class,它扩展了 FrameLayout,它位于另一个扩展 FrameLayout
的自定义父视图之上
我有以下功能可以关闭带有动画的视图 -
private void dismissCard(final View view, int xPos) {
view.animate()
.x(xPos)
.y(0)
.setInterpolator(new AccelerateInterpolator())
.setDuration(DURATION)
.setListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animator) {
setOnTouchListener(null);
}
@Override
public void onAnimationEnd(Animator animator) {
ViewGroup viewGroup = (ViewGroup) view.getParent();
if (viewGroup != null) {
viewGroup.removeView(view);
}
}
@Override
public void onAnimationCancel(Animator animator) {
}
@Override
public void onAnimationRepeat(Animator animator) {
}
});
}
问题是我已经覆盖了移动视图功能的 onTouch()
函数,并且对于每次触摸我都获得了视图的父级,这是一个自定义视图,获得了视图的所有子级并由此确定哪个视图在顶部。所以我的问题是,在进行动画处理时,动画视图仍然位于顶部,因此可以再次移动它,直到动画消失并调用 viewGroup.removeView(view)
。
这是我的 onTouch()
实现 -
@Override
public boolean onTouch(final View view, MotionEvent motionEvent) {
TinderStackLayout tinderStackLayout = ((TinderStackLayout) view.getParent());
TinderCardView topCard = (TinderCardView) tinderStackLayout.getChildAt(tinderStackLayout.getChildCount() - 1);
if (topCard.equals(view)) {
switch (motionEvent.getAction()) {
case MotionEvent.ACTION_DOWN:
oldX = motionEvent.getX();
oldY = motionEvent.getY();
// cancel any current animations
view.clearAnimation();
return true;
case MotionEvent.ACTION_UP:
if (isCardBeyondLeftBoundary(view)) {
Log.d("top card dismissed - ", topCard.usernameTextView.getText().toString());
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
dismissCard(view, -(screenWidth * 2));
} else if (isCardBeyondRightBoundary(view)) {
showLawyerContactDetailsFragment(topCard);
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
resetCard(view);
} else {
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
resetCard(view);
}
return true;
case MotionEvent.ACTION_MOVE:
newX = motionEvent.getX();
newY = motionEvent.getY();
dX = newX - oldX;
dY = newY - oldY;
float posX = view.getX() + dX;
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
// Set new position
view.setX(view.getX() + dX);
view.setY(view.getY() + dY);
setCardRotation(view, view.getX());
updateAlphaOfBadges(posX);
return true;
default:
return super.onTouchEvent(motionEvent);
}
}
return super.onTouchEvent(motionEvent);
}
我缺少的是一种在 dismissCard()
动画时阻止触摸功能的方法。我怎样才能实现这样的事情?
在要设置动画的 class 中声明一个布尔变量 (isAnimating),并在 onAnimationStart
中将其设置为 true,在 onAnimationEnd
中将其设置为 false。
在您的 onTouch
中访问此变量
@Override
public boolean onTouch(final View view, MotionEvent motionEvent) {
TinderStackLayout tinderStackLayout = ((TinderStackLayout) view.getParent());
TinderCardView topCard = (TinderCardView) tinderStackLayout.getChildAt(tinderStackLayout.getChildCount() - 1);
if (topCard.equals(view)&& !isAnimating) { //access event's only if animation is ended.
switch (motionEvent.getAction()) {
case MotionEvent.ACTION_DOWN:
oldX = motionEvent.getX();
oldY = motionEvent.getY();
// cancel any current animations
view.clearAnimation();
return true;
case MotionEvent.ACTION_UP:
if (isCardBeyondLeftBoundary(view)) {
Log.d("top card dismissed - ", topCard.usernameTextView.getText().toString());
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
dismissCard(view, -(screenWidth * 2));
} else if (isCardBeyondRightBoundary(view)) {
showLawyerContactDetailsFragment(topCard);
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
resetCard(view);
} else {
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
resetCard(view);
}
return true;
case MotionEvent.ACTION_MOVE:
newX = motionEvent.getX();
newY = motionEvent.getY();
dX = newX - oldX;
dY = newY - oldY;
float posX = view.getX() + dX;
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
// Set new position
view.setX(view.getX() + dX);
view.setY(view.getY() + dY);
setCardRotation(view, view.getX());
updateAlphaOfBadges(posX);
return true;
default:
return super.onTouchEvent(motionEvent);
}
}
return super.onTouchEvent(motionEvent);
}
P.S- 当 isAnimating 为 true
时,更好的解决方案是 return false。在我的应用程序中,我已经覆盖了父 class 中的调度触摸并且不不要让任何事件到达父级或其任何子级 class.
override fun dispatchTouchEvent(ev: MotionEvent?): Boolean {
if (isAnimationOnGoing) {
return false
}
return super.dispatchTouchEvent(ev)
}
我有一个自定义 java class,它扩展了 FrameLayout,它位于另一个扩展 FrameLayout
的自定义父视图之上我有以下功能可以关闭带有动画的视图 -
private void dismissCard(final View view, int xPos) {
view.animate()
.x(xPos)
.y(0)
.setInterpolator(new AccelerateInterpolator())
.setDuration(DURATION)
.setListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animator) {
setOnTouchListener(null);
}
@Override
public void onAnimationEnd(Animator animator) {
ViewGroup viewGroup = (ViewGroup) view.getParent();
if (viewGroup != null) {
viewGroup.removeView(view);
}
}
@Override
public void onAnimationCancel(Animator animator) {
}
@Override
public void onAnimationRepeat(Animator animator) {
}
});
}
问题是我已经覆盖了移动视图功能的 onTouch()
函数,并且对于每次触摸我都获得了视图的父级,这是一个自定义视图,获得了视图的所有子级并由此确定哪个视图在顶部。所以我的问题是,在进行动画处理时,动画视图仍然位于顶部,因此可以再次移动它,直到动画消失并调用 viewGroup.removeView(view)
。
这是我的 onTouch()
实现 -
@Override
public boolean onTouch(final View view, MotionEvent motionEvent) {
TinderStackLayout tinderStackLayout = ((TinderStackLayout) view.getParent());
TinderCardView topCard = (TinderCardView) tinderStackLayout.getChildAt(tinderStackLayout.getChildCount() - 1);
if (topCard.equals(view)) {
switch (motionEvent.getAction()) {
case MotionEvent.ACTION_DOWN:
oldX = motionEvent.getX();
oldY = motionEvent.getY();
// cancel any current animations
view.clearAnimation();
return true;
case MotionEvent.ACTION_UP:
if (isCardBeyondLeftBoundary(view)) {
Log.d("top card dismissed - ", topCard.usernameTextView.getText().toString());
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
dismissCard(view, -(screenWidth * 2));
} else if (isCardBeyondRightBoundary(view)) {
showLawyerContactDetailsFragment(topCard);
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
resetCard(view);
} else {
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
resetCard(view);
}
return true;
case MotionEvent.ACTION_MOVE:
newX = motionEvent.getX();
newY = motionEvent.getY();
dX = newX - oldX;
dY = newY - oldY;
float posX = view.getX() + dX;
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
// Set new position
view.setX(view.getX() + dX);
view.setY(view.getY() + dY);
setCardRotation(view, view.getX());
updateAlphaOfBadges(posX);
return true;
default:
return super.onTouchEvent(motionEvent);
}
}
return super.onTouchEvent(motionEvent);
}
我缺少的是一种在 dismissCard()
动画时阻止触摸功能的方法。我怎样才能实现这样的事情?
在要设置动画的 class 中声明一个布尔变量 (isAnimating),并在 onAnimationStart
中将其设置为 true,在 onAnimationEnd
中将其设置为 false。
在您的 onTouch
@Override
public boolean onTouch(final View view, MotionEvent motionEvent) {
TinderStackLayout tinderStackLayout = ((TinderStackLayout) view.getParent());
TinderCardView topCard = (TinderCardView) tinderStackLayout.getChildAt(tinderStackLayout.getChildCount() - 1);
if (topCard.equals(view)&& !isAnimating) { //access event's only if animation is ended.
switch (motionEvent.getAction()) {
case MotionEvent.ACTION_DOWN:
oldX = motionEvent.getX();
oldY = motionEvent.getY();
// cancel any current animations
view.clearAnimation();
return true;
case MotionEvent.ACTION_UP:
if (isCardBeyondLeftBoundary(view)) {
Log.d("top card dismissed - ", topCard.usernameTextView.getText().toString());
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
dismissCard(view, -(screenWidth * 2));
} else if (isCardBeyondRightBoundary(view)) {
showLawyerContactDetailsFragment(topCard);
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
resetCard(view);
} else {
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
resetCard(view);
}
return true;
case MotionEvent.ACTION_MOVE:
newX = motionEvent.getX();
newY = motionEvent.getY();
dX = newX - oldX;
dY = newY - oldY;
float posX = view.getX() + dX;
onCardSwipedListener.send(new TopCardMovedEvent(-(screenWidth)));
// Set new position
view.setX(view.getX() + dX);
view.setY(view.getY() + dY);
setCardRotation(view, view.getX());
updateAlphaOfBadges(posX);
return true;
default:
return super.onTouchEvent(motionEvent);
}
}
return super.onTouchEvent(motionEvent);
}
P.S- 当 isAnimating 为 true
时,更好的解决方案是 return false。在我的应用程序中,我已经覆盖了父 class 中的调度触摸并且不不要让任何事件到达父级或其任何子级 class.
override fun dispatchTouchEvent(ev: MotionEvent?): Boolean {
if (isAnimationOnGoing) {
return false
}
return super.dispatchTouchEvent(ev)
}