ImageView的Xml缩放动画使图像出现锯齿

Question

我有一个小的 xml 动画，它可以在我的布局中为几个 ImageView 提供动画效果。实际上它是 api demos sdk 示例中的波形动画。该动画将图像放大然后缩小到其原始大小，因此它看起来有点波浪。问题是当图像放大时，它看起来非常糟糕，边缘出现锯齿并且图像是块状的。 我的动画如下所示：

<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">
    <alpha
        android:fromAlpha="0.0"
        android:toAlpha="1.0"
        android:duration="100" />
    <scale
        android:fromXScale="0.5" android:toXScale="1.25"
        android:fromYScale="0.5" android:toYScale="1.25"
        android:pivotX="50%" android:pivotY="50%"
        android:duration="200" />
    <scale 
        android:fromXScale="1.25" android:toXScale="1.0"
        android:fromYScale="1.25" android:toYScale="1.0"
        android:pivotX="50%" android:pivotY="50%"
        android:startOffset="200"
        android:duration="100" />
</set>

我尝试将图像包装在 xml 位图元素中并启用抗锯齿和过滤，而不是直接在 ImageView 的 src 中加载图像，但这没有什么区别。

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/myimage_img"
    android:antialias="true"
    android:filter="true"
    android:tileMode="disabled"
/>

我的 ImageView 看起来像这样：

<ImageView android:src="@drawable/myimage" android:layout_height="wrap_content" android:layout_margin="5dp" android:adjustViewBounds="true" android:layout_width="fill_parent" android:scaleType="centerInside"></ImageView>

另请注意，图像并没有真正放大。图像本身比屏幕上显示的图像更大。它位于 ImageView 的中心。但看起来动画并没有使用原始图像来渲染不同尺寸的图像，而是使用 ImageView 中缩小尺寸的图像并再次放大。

你能帮我让我的图像在动画时显得平滑吗？

Answer 1

根据您的设备 DPI，您是否有合适的图像尺寸？尽管图像在 PC 屏幕上看起来很大，但由于每英寸的点数较多，图像在手机屏幕上可能会很小。如果是这种情况，Android 将不得不放大图像。