Android backgroud image slow the app

Question

For the left slide menu, I'm using DrawerLayout. When I use an image as the background, my app becomes sluggish. However, it is smooth when I use color as the background.

my code is

<android.support.v4.widget.DrawerLayout    
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:background="@drawable/app_bg"
android:layout_height="match_parent" >

<FrameLayout
    android:id="@+id/content_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

<ListView
    android:id="@+id/left_drawer"
    android:layout_width="240dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:background="@android:color/white"
    android:choiceMode="singleChoice"
    android:divider="@android:color/transparent"
    android:dividerHeight="0dp" />

</android.support.v4.widget.DrawerLayout>

This background image is from the app @drawable/bg. I have no idea how to get around this and perform a nice sliding action.

My background image .

Answer 1

You're mainly noticing the latency because you need to copy your background image to each of the drawable folders (drawable-hdpi, drawable-xhdpi, etc.). I automate using the Android Drawable Importer plugin for Android Studio. Works perfectly.