How to make layout for diffrent screen sizes using Relative Layout for Android

Question

I have coded the whole app and designed all the layouts in Relative Layout, but now I want to make it compatible with all the screen sizes.

Answer 1

I would recommend using the percent relative layout

It offers the following attributes which you can use to set dimensions accordingly.

• layout_widthPercent
• layout_heightPercent
• layout_marginPercent
• layout_marginLeftPercent

etc.

Answer 2

In most cases Android will automatically resize your layout to fit the screen. However, if you want to ensure that elements will be placed the way you define them to be then use different layouts for different layouts for different screen size. The configuration qualifiers you can use to provide size-specific resources are small, normal, large, and xlarge. For example, layouts for an extra-large screen should go in layout-xlarge/. Android documentation

Answer 3

Try assigning weights to UI components. Works like charm, not matter what screen size is

example

 <LinearLayout
    android:weightSum="2"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:layout_weight="1"
        android:text="1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />


    <TextView
        android:layout_weight="1"
        android:text="1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />


</LinearLayout>