Image Button crashes the app

Question

When I add ImageButtons to my app (they don't have background), the app crashes. I have following code:

<ImageButton
    android:id="@+id/ib_main_home"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/home"
    android:background="@null"
    android:scaleType="fitCenter"
    />

<ImageButton
    android:id="@+id/ib_main_categories"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/categories"
    android:background="@null"
    android:scaleType="fitCenter"
    />

<ImageButton
    android:id="@+id/ib_main_actors"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/actors"
    android:background="@null"
    android:scaleType="fitCenter"
    />

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/twitter"
    android:background="@null"
    android:scaleType="fitCenter"
    />

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/facebook"
    android:background="@null"
    android:scaleType="fitCenter"
    />

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/instagram"
    android:background="@null"
    android:scaleType="fitCenter"
    />

(Whole xml is in RelativeLayout)... Without @null, image shows bigger than the screen. And Button fills the whole screen. Anyone can help me?

Don't do `@null` for `background`. Make it transparent so do this: `android:background="@android:color/transparent"` — ᴛʜᴇᴘᴀᴛᴇʟ, Dec 25 '17 at 20:25
The Logcat: java.lang.OutOfMemoryError: Failed to allocate a 74649612 byte allocation with 16777120 free bytes and 55MB until OOM — Katona Tamás, Dec 25 '17 at 20:59
Please copy and paste your crash log here so we can see the error — ᴛʜᴇᴘᴀᴛᴇʟ, Dec 25 '17 at 21:00
For `OutOfMemoryError`, see this: https://stackoverflow.com/questions/477572/strange-out-of-memory-issue-while-loading-an-image-to-a-bitmap-object — ᴛʜᴇᴘᴀᴛᴇʟ, Dec 25 '17 at 21:01

score 0 · Answer 1 · answered Dec 25 '17 at 23:25

According to your comment that the error is java.lang.OutOfMemoryError, I suspect one or more of the images you are trying to load to the background take too much memory becuase they are too big. The easiest solution will be to resize the images to a smaller size (and by this also lower your app's size). You can resize manually or use one of the solutions offered online such as : http://resizeimage.net/

score 0 · Answer 2 · answered Dec 26 '17 at 07:07

For better result remove wrap_content and scale the images your self. You can shrink size of your source image.If you removed wrap_content also remove background="@null" this may help you. Please tell me how do you want to organize these ImageViews. You can user 'merge' tag for creating compound views , also see this link.

Image Button crashes the app

2 Answers2