Set width of parent linear layout as percentage of the screen

Question

I am building an android application and I have a dialog fragment. The dialog fragment has a set width. However, the issue is that when the app is run on a device with a different screen size, the dialog fragment isn't centered properly.

Initially, what I had was:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="500dp"
  android:layout_height="wrap_content">

  <-- code goes here -->

</RelativeLayout>

As you can see, I have a relativeLayout with a defined width. Since I know that you can't use layout_weight in a relative layout, what I did was I wrapped that parent relative layout in a linear layout as such:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="0.8"
    android:weightSum="1">

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

    </RelativeLayout>
</LinearLayout>

However, that doesn't work since the dialog fragment is cut when I run the application on a device with smaller screen size.

How can I set the width a dialog fragment as a percentage of the screen size? Is this possible at all or would I have to resort to setting it programmatically?

If you set your `RelativeLayout` `android:layout_width` to `match_parent` it should be centered nicely on all devices — Marcus, Feb 25 '15 at 11:42
@Marcus, even if the width of the relativeLayout is greater than the width of the device? I doubt that. — Razgriz, Feb 25 '15 at 12:11
It will never be greater, if you set it to `match_parent` @Razgriz — Marcus, Feb 25 '15 at 12:15

mes · Accepted Answer · 2015-02-25T12:14:56.560

This is a correct way, if you want RelativeLayout have 40% width of the screen, but this technique cant apply to the parent layout, because parent layout doesn't have parent layout and android:layout_weight doesn't affect

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:weightSum="100">

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="40">

</RelativeLayout>

Since I know that you can't use layout_weight in a relative layout

We can use layout_weight in any view and layout, if it direct child of a LinearLayout

score 2 · Answer 2 · answered Jul 20 '15 at 22:17

2

With the new percent support library, you can now use a PercentRelativeLayout.

Check out this link

answered Jul 20 '15 at 22:17

kleinsenberg

1,323
11
15

score 0 · Answer 3 · answered Feb 25 '15 at 11:54

The code below will make relative layout 1/2 of the parent and will position it horizontally centered:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal">

    <RelativeLayout
        android:layout_width="0dp"
        android:layout_weight="0.5"
        android:layout_height="wrap_content">

    </RelativeLayout>
</LinearLayout>

Hope it helps.

Set width of parent linear layout as percentage of the screen

3 Answers3