Android emulator Nexus 5x loads wrong drawable size?

Question

I don't have an Nexus 5x device, but I'm using Emulator.

Edit: Confirmed from a Nexus 5x user. Its not an Emulator bug.

Problem:

On Nexus 5x app loads incorrect size drawables. While on Nexus 5 is fine.

I have an image original size 1440x2560. Resized it to drawable-xxhdpi - 1080x1920

Log returns me something interesting too:

Nexus 5:
Display Width= 1080 Display Height= 1776
Background Width= 1080 Background Height= 1920

Nexus 5x:
Display Width= 1080 Display Height= 1794
Background Width= 945 Background Height= 1680

My code.

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.myapp.backgroundisfdupyo">    
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"

        android:theme="@android:style/Theme.NoTitleBar.Fullscreen">

        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />    
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

MainActivity.java

public class MainActivity extends Activity {

private static final String TAG = "Main";

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    logScreenSize();
}

private void logScreenSize() {
    DisplayMetrics displayMetrics = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);

    int displayW = displayMetrics.widthPixels;
    int displayH = displayMetrics.heightPixels;

    Log.e(TAG,"displayW= " + displayW + " displayH= "+ displayH);

    Drawable bckg = getResources().getDrawable(R.drawable.background);
    Log.e(TAG,"Background Width= " + bckg.getMinimumWidth() + " Background Height= "+ bckg.getMinimumHeight());
}

@Override
protected void onStart() {
    super.onStart();
    toggleHideyBar();
}

public void toggleHideyBar() {
    int newUiOptions = 0;

    // Navigation bar hiding:  Backwards compatible to ICS.
    if (Build.VERSION.SDK_INT >= 14) {
        newUiOptions ^= View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;
    }

    // Status bar hiding: Backwards compatible to Jellybean
    if (Build.VERSION.SDK_INT >= 16) {
        newUiOptions ^= View.SYSTEM_UI_FLAG_FULLSCREEN;
    }

    if (Build.VERSION.SDK_INT >= 18) {
        newUiOptions ^= View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;
    }

    getWindow().getDecorView().setSystemUiVisibility(newUiOptions);
    //END_INCLUDE (set_ui_flags)
}

activity_main.xml

...
<FrameLayout
    android:id="@+id/backgroundFrame"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent">

<ImageView
    android:id="@+id/backgroundImage"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scaleType="centerCrop"
    android:src="@drawable/background" />

</FrameLayout>

Edit:

Resource Tree as requested.

\drawable-xxxhdpi\background.jpg  - 1440 x 2560    
\drawable-xxhdpi\background.jpg   - 1080 x 1920    
\drawable-xhdpi\background.jpg    -  720 x 1280    
\drawable-hdpi\background.jpg     -  540 x 960    
\drawable-mdpi\background.jpg     -  360 x 640    
\drawable-ldpi\background.jpg     -  270 x 480

Edit:

https://android-developers.googleblog.com/...

It has a quantized density of 560 dpi, which falls in between the xxhdpi and xxxhdpi primary density buckets. For the Nexus 6, the platform will scale down xxxhdpi assets, but if those aren’t available, then it will scale up xxhdpi assets.

How do I turn it off ? I want my project to ONLY take images from my premade images, I don't want it to scale up/down something.

Answer 1

When loading drawables, Android scales the images to match the screen density.

Screen densities don't always match the predefined densities like hdpi (1.5x), xhdpi (2x), etc. And usually you don't provide images for all predefined densities: in your example you didn't provide tvdpi (1.33) for example. That's why in these cases the system will resize one of the provided images to match the screen density as best as possible.

The Nexus 5x and Google Pixel phones have a density factor of 2.6. On these phones the system will try to scale down the xxhdpi (3x) images, or scale up the xhdpi (2x) images if not available.

If you want to disable scaling completely, you can put images in the drawable-nodpi folder and they will always show the same number of pixels on every screen. However, that's probably not what you want because the image will appear too small on higher-density screens and too big on lower-density screens.

What bothers you seems to be the space around the image. It's normal that an image takes up a smaller portion of the screen when the total screen space is bigger. A Nexus 5x offers more screen space than a Nexus 5. A tablet offers more screen space than a phone. And there is an infinite number of possible screen sizes so you can't create an image that will perfectly match each of them.

However, you can center an image in the middle of the screen on top of some background, or you can scale the image using the CENTER_CROP mode of ImageView to make it fill the whole screen by cutting some edges.

Answer 2

UPDATE: Reason of the problem is probably about screen size and density both, not only about density.

Try This Solution:

create a new drawable folder like below

drawable-large-xxxhdpi

Your device has large screen. This can be fix your problem.

Check this question, you can see your device size and density.

---

You need to change Emulator Resolution.

First, close your emulator and open AVD Manager from Android Studio Find your Nexus 5X device and check its resolution. If it is not correct, click edit button as shown below.

Second, the window opened, click Change button.

Third, click New Hardware Profile

At last, change resolution as you want to be and click Finish button.