• After 15+ years, we've made a big change: Android Forums is now Early Bird Club. Learn more here.

Apps images are blurry on Tablets

I have developed an app with images, however, the images look blurry when I run the application from a tablet. The tablet size is 10.1.

When I run the application on mobile devices it works like charm, can you please advice why the pictures look blurry on the tablet. I have created drawable folders

for each of the different screen sizes which has also not fixed the problem. Please can you help or advice?.

My Drawable folder structure and sizes

Code:
- drawable-hdpi - Width 62 x Height 62  
 - drawable- mdpi - Width 40 x Height 40 
 - drawable- xhdpi - Width 82 x Height 82 
 - drawable - xxhdpi - Width 123 x Height 123 
 - drawable- xxxhdpi - Width 164 x Height 164


Code:
  <ImageButton
            android:layout_width="150dp"
            android:layout_height="100dp"
            android:id="@+id/placesbtn"
            android:src="@drawable/ic_place"
            android:background="#00000000"
            android:layout_marginLeft="83dp"
            android:layout_marginStart="83dp"
            android:layout_below="@+id/flipper1"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:contentDescription="Places"
            android:focusable="true"  />
   
        <ImageButton
            android:layout_width="150dp"
            android:layout_height="100dp"
            android:id="@+id/transportbtn"
            android:src="@drawable/ic_travels"
            android:background="#00000000"
            android:layout_alignTop="@+id/placesbtn"
            android:layout_toRightOf="@+id/placesbtn"
            android:layout_toEndOf="@+id/placesbtn"
            android:focusable="true"
            android:contentDescription="Travel" />
   
        <ImageButton
            android:layout_width="150dp"
            android:layout_height="100dp"
            android:id="@+id/directionbtn"
            android:src="@drawable/ic_direction"
            android:background="#00000000"
            android:layout_alignParentBottom="true"
            android:layout_alignLeft="@+id/placesbtn"
            android:layout_alignStart="@+id/placesbtn"
            android:focusable="true"
            android:contentDescription="Direction"  />
   
        <ImageButton
            android:layout_width="150dp"
            android:layout_height="100dp"
            android:id="@+id/gallerybtn"
            android:src="@drawable/ic_gallerys"
            android:background="#00000000"
            android:layout_alignTop="@+id/directionbtn"
            android:layout_toRightOf="@+id/directionbtn"
            android:layout_toEndOf="@+id/directionbtn"
            android:focusable="true"
            android:contentDescription="Gallery" />
   
    </RelativeLayout>

Please advice how I can make the above image buttons for suitable for tablet screen sizes.
 
Back
Top Bottom