如何在 Android 中平滑地从左向右滑动 ImageView?

新手上路,请多包涵

我需要制作一个 ImageView 以平滑的动画从屏幕左向右滑动(我希望 ImageView 在过渡期间可见)我尝试使用以下代码:

 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 移动,但动画像我想要的那样滞后且不流畅。我在代码上做错了什么?

原文由 LS_ 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 492
2 个回答

创建这种补间动画很简单。只要按照步骤,

步骤1

res 目录中创建一个目录 anim 并将其作为 slide.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>

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

第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 等高端设备上进行了测试。

如果运行这段代码仍然有延迟,那么一定是测试设备的原因。代码是完美的。

更新

我刚刚也检查了在 Lollipop 上运行的 Moto G,动画运行流畅。这是一个非常小且重量轻的动画,永远不应该滞后。如果您仍然遇到延迟,那么 它一定是您正在测试的设备,或者该 Activity 上的其他一些代码导致 UI 变慢或无响应

尝试检查哪个适用于您,

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

原文由 Aritra Roy 发布,翻译遵循 CC BY-SA 3.0 许可协议

TranslateAnimation animate = new TranslateAnimation(0, -view.getWidth(), 0, 0);
animate.setDuration(500);
animate.setFillAfter(true);
view.startAnimation(animate);

原文由 subrahmanyam boyapati 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题