XXHDPI 图像在具有相似分辨率的不同设备上看起来不同

Question

我有一张图片用作相关布局的背景。制作图像时要牢记 XXHDPI 设备的分辨率 (1080x1920)。当我运行在具有物理导航按钮的设备中使用应用程序时，如 Samsung S4 图像看起来很棒，但是当我在设备中运行应用程序时，相同的图像看起来被压扁了有屏幕导航按钮，例如 Nexus 5.

我附上输出：

Samsung S4 图像正常:

图片在 Nexus 5 中看起来被压扁了:

使用此图片的布局源代码:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:tools="http://schemas.android.com/tools"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             tools:context="com.studystory.onboarding.screenOne">


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:background="@drawable/help_screen_one">





    </RelativeLayout>
</FrameLayout>

为什么 2 个分辨率相似的设备输出不同？我需要做什么才能使图像在两种设备上看起来相似？

Answer 1

我已经通过修改布局解决了这个问题。我在布局中使用了 imageview 来显示图像。

示例代码:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.studystory.onboarding.screenFive">

    <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageView"
        android:src="@drawable/help_screen_five"
        android:scaleType="centerCrop"/>
</RelativeLayout>
</FrameLayout>

android:scaleType="centerCrop" 成功了。

XXHDPI 图像在具有相似分辨率的不同设备上看起来不同

XXHDPI images look different on different devices with similar resolutions

xml

android

resolution

image