App crashes when I use a background image

Question

Here's the xml code:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
  >


    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/backgound"
        android:orientation="vertical">



        <TextView
            android:id="@+id/txt1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="20dp"

            android:text="Welcome to Ordering Menu"
            android:textColor="@android:color/black"
            android:textSize="25sp"
             />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_height="wrap_content"
            android:orientation="vertical">



            <Button
                android:id="@+id/btn2"
                android:layout_width="48dp"
                android:layout_height="48dp"

                android:layout_marginTop="20dp"
                android:onClick="increase"
                android:text="+"
                android:textColor="@android:color/black"/>




            <TextView

                android:id="@+id/quantity_text_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:text="0"
                android:textSize="20sp"
             />

            <Button
                android:id="@+id/btn3"
                android:layout_width="50dp"
                android:textColor="@android:color/black"
                android:layout_height="50dp"

                 android:layout_marginTop="20dp"
                android:onClick="decrease"
                android:textSize="30sp"
                android:text="-" />


        </LinearLayout>


        <TextView

            android:id="@+id/kk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Price" />

        <TextView
            android:id="@+id/price_text_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="10dp"
            android:text="$0"
            android:textColor="#000000" />


        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="15dp"
            android:onClick="submitOrder"
            android:text="ORDER" />


    </LinearLayout>

</android.support.constraint.ConstraintLayout>

XML code when I use color as a background:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
  >


    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@android:color/holo_blue_light"
        android:orientation="vertical">



        <TextView
            android:id="@+id/txt1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="20dp"

            android:text="Welcome to Ordering Menu"
            android:textColor="@android:color/black"
            android:textSize="25sp"
             />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_height="wrap_content"
            android:orientation="vertical">



            <Button
                android:id="@+id/btn2"
                android:layout_width="48dp"
                android:layout_height="48dp"

                android:layout_marginTop="20dp"
                android:onClick="increase"
                android:text="+"
                android:textColor="@android:color/black"/>




            <TextView

                android:id="@+id/quantity_text_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:text="0"
                android:textSize="20sp"
             />

            <Button
                android:id="@+id/btn3"
                android:layout_width="50dp"
                android:textColor="@android:color/black"
                android:layout_height="50dp"

                 android:layout_marginTop="20dp"
                android:onClick="decrease"
                android:textSize="30sp"
                android:text="-" />


        </LinearLayout>


        <TextView

            android:id="@+id/kk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Price" />

        <TextView
            android:id="@+id/price_text_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="10dp"
            android:text="$0"
            android:textColor="#000000" />


        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="15dp"
            android:onClick="submitOrder"
            android:text="ORDER" />


    </LinearLayout>

</android.support.constraint.ConstraintLayout>

Can you post the Logcat? And how big is the image (in terms of height and width)? — Michael Dodd, Dec 20 '18 at 17:31
its extension is png in drawable and its height and width is match parent — Sunay Kundalwal, Dec 20 '18 at 17:39
I meant the **exact dimensions of the image itself** (e.g. 800x600). I suspect you're getting an `OutOfMemoryException` because you're setting too large an image as the background. Images get inflated as bitmaps, which take up memory based on its physical dimensions. — Michael Dodd, Dec 20 '18 at 17:41
That's your problem then, your source image is **way** too big. Shrink it down in an image editor then try again. — Michael Dodd, Dec 20 '18 at 17:45
Your choice, but keep the aspect ratio the same. Basically as small as you can get it without compromising appearance quality. — Michael Dodd, Dec 20 '18 at 17:52

score 2 · Accepted Answer · answered Dec 20 '18 at 17:56

You mention in the comments that the background image you are using is 1600 x 2560 pixels in size. All images are inflated as bitmaps when rendered onto the screen, so making a rough calculation from this answer against an image with those dimensions, that's 1600 * 2560 * 3 bytes, which is 11.71 Megabytes minimum on a single image.

Taking a guess that your app has a total of 16-32MB of RAM available to it based on this answer, you're using a very significant chunk of that memory with this one image.You will need to reduce the dimensions of this image using an image editor and replace it in your app's res/drawable folder. By how much I can't say, it's a trade-off between image dimensions and the quality of that image once it's rendered on your device.

I would recommend reading the Android documentation about supporting bitmaps on different screen densities so that you can provide the best image quality on a per-device basis without running into this issue again.

App crashes when I use a background image

1 Answers1