如何在Android中从左到右平滑地滑动图像视图？

android java android-animation

2022-09-02 05:09:48

我需要用下面的代码从屏幕的左侧到右侧制作一张幻灯片，其中包含平滑的动画（我希望在过渡期间可以看到）：ImageViewImageView

Display display = getWindowManager().getDefaultDisplay();
Point size = new Point();
display.getSize(size);
int width = size.x;

camion.animate()
    .translationX(width)
    .setDuration(2000)
    .setInterpolator(new LinearInterpolator())
    .setListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            super.onAnimationEnd(animation);
            //camion.setVisibility(View.GONE);
        }
    });

动作但动画滞后，不像我想要的那样流畅。我在代码上做错了什么？ImageView

答案 1

创建这种补间动画很简单。只需按照步骤操作，

步骤1

在目录中创建一个目录，并将其作为animresslide.xml

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    android:fillAfter="true">

   <translate
        android:fromXDelta="0%p"
        android:toXDelta="75%p"
        android:duration="800" />
</set>

显然，您可以通过更改两个属性和来自定义动画。%p 指的是相对于父级，这仅仅意味着它将相对于父级移动图像 75%。fromXDeltatoXDelta

第 2 步

// Refer the ImageView like this
imageView = (ImageView) findViewById(R.id.img);

// Load the animation like this
animSlide = AnimationUtils.loadAnimation(getApplicationContext(),
                    R.anim.slide);

// Start the animation like this
imageView.startAnimation(animSlide);

如果您愿意，您也可以这样做。我没有在这里展示它们以保持简单。如果您需要，请告诉我。setInterpolator()setListeners()

注意

正如您反复提到的，您正在经历一个滞后动画。我已经在3个真实设备和2个模拟器上测试了这个动画，动画在所有设备上都非常流畅。在Moto E等低端设备以及Nexus 5和Galaxy S6等高端设备上进行了测试。

如果运行此代码仍有滞后，则测试设备必须是原因。代码是完美的。

更新

我刚刚检查了在棒棒糖上运行的Moto G，动画运行平稳。这是一个非常小巧轻便的动画，永远不应该滞后。如果仍然遇到滞后，则它必须是你正在测试的设备，或者该活动上的其他一些代码段，使 UI 变慢或无响应。

尝试检查哪一个适用于您，

我现在已经在总共6台设备上进行了测试，完全没有滞后。因此，您可以放心，您的生产应用程序不会有任何滞后，它可能是您的设备，速度很慢
如果您正在执行一些繁重的操作，例如访问文件系统，数据库或任何其他繁重的操作，那么它必须减慢UI线程的速度并且您正在丢失帧。尝试用于这些繁重的操作AsyncTask

答案 2

试试这个。它将对图像视图进行动画处理。

        ImageView img_animation = (ImageView) findViewById(R.id.img_animation);
        Display display = getWindowManager().getDefaultDisplay();
        float width = display.getWidth();
        TranslateAnimation animation = new TranslateAnimation(0, width - 50, 0, 0); // new TranslateAnimation(xFrom,xTo, yFrom,yTo)
        animation.setDuration(1000); // animation duration
        animation.setRepeatCount(5); // animation repeat count
        animation.setRepeatMode(2); // repeat animation (left to right, right to
                                    // left )
        // animation.setFillAfter(true);

        img_animation.startAnimation(animation); // start animation