Nexus5和Nexus5X之間的差異？

Question

我定義這個佈局：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

<ImageView 
    android:id="@+id/ivSmartphone" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:src="@drawable/intro_smartphone_data" /> 


<ImageView 
    android:id="@+id/ivData1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignTop="@id/ivSmartphone" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="90dp" 
    android:src="@drawable/intro_data_1" /> 


<ImageView 
    android:id="@+id/ivData2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/ivData1" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="10dp" 
    android:src="@drawable/intro_data_2" /> 


<ImageView 
    android:id="@+id/ivData3" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/ivData2" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="10dp" 
    android:src="@drawable/intro_data_3" /> 


<ImageView 
    android:id="@+id/ivData4" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/ivData3" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="10dp" 
    android:src="@drawable/intro_data_4" /> 
</RelativeLayout> 

它不應該是這樣的一個根據機器人工作室預覽窗口：

在一個Nexus5X它看起來完全一樣，但在一個Nexus5我得到

我以爲Nexus5X和Nexus5具有相同的密度，並採取the images from the same xxhdpi directory？那麼缺少什麼？

在此先感謝。

Answer 1

Nexus 5的尺寸是360x640dp，而Nexus 5X的尺寸是411x731dp，而密度相同。

所以，當你定義你的佈局像這樣

<ImageView 
    android:id="@+id/ivSmartphone" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:src="@drawable/intro_smartphone_data" /> 

您使用的是每個屏幕寬度相同的圖像，不進行縮放。相反，您需要確保將圖像適合屏幕寬度。

<ImageView 
    android:id="@+id/ivSmartphone" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginLeft="4dp" 
    android:layout_marginRight="4dp" 
    android:scaleType="fitCentered" 
    android:src="@drawable/intro_smartphone_data" /> 

fitCentered也可能會提升圖像。如果你對更大的間距可以考慮使用centerInside。