maddie_jones
Newbie
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
Please advice how I can make the above image buttons for suitable for tablet screen sizes.
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.