How to put 50% for width

Question

I have a LinearLayout in horizontal orientation and 2 ImageView and I want to make that ImagesView fill 50% of the screen on width, to work in every cellphone or tablet with diferent sizes.

Something like this:

 +-------------+   
 |_____________|     
 |      |      |  
 | 50%  | 50%  |  
 |      |      |   
 |-------------|
 |             |
 +-------------+

Best so far:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:orientation="horizontal" >


        <ImageView
            android:id="@+id/logo_c"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/logo_animado" />

        <ImageView
            android:id="@+id/logo_t"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/logo_animado2" />


</LinearLayout>

Each ImageView should have `android:layout_width="0dp"` and `androdi:layout_weight="1"` — Sherif elKhatib, Feb 08 '13 at 12:58
@user1744952 lol good point! I thought it was `androdi:layout_weight=""` :P — Sherif elKhatib, Feb 08 '13 at 13:57

score 29 · Accepted Answer · answered Feb 08 '13 at 12:58

29

Write following code to do that in both views inside LinearLayout.

android:layout_width="0dp"
layout_weight="1"

answered Feb 08 '13 at 12:58

Chintan Rathod

25,864
13
83
93

1

Thanks Chintan that was very helpful =D. – Guilherme Gregores Feb 08 '13 at 13:12
@Guilherme its my pleasure... :-) – Chintan Rathod Feb 08 '13 at 13:14

M-Wajeeh · Answer 2 · 2016-07-12T11:38:10.937

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center" 
    android:weightSum="100"
    android:orientation="horizontal" >


    <ImageView
        android:id="@+id/logo_c"
        android:layout_width="0dp" 
        android:layout_weight="50" 
        android:layout_height="wrap_content"
        android:src="@drawable/logo_animado" />

    <ImageView
        android:id="@+id/logo_t" 
        android:layout_height="wrap_content" 
        android:layout_width="0dp"    
        android:layout_weight="50" 
        android:src="@drawable/logo_animado2" />


</LinearLayout>

score 2 · Answer 3 · answered Feb 08 '13 at 13:02

Use android:weightSum and android:layout_weight

  <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:weightSum="2"
        android:orientation="horizontal" >


            <ImageView
                android:id="@+id/logo_c"
                android:layout_width="0dp" android:layout_weight="1" 
                android:layout_height="wrap_content"
                android:src="@drawable/logo_animado" />

            <ImageView
                android:id="@+id/logo_t"
                android:layout_width="0dp" android:layout_weight="1"
                android:layout_height="wrap_content"
                android:src="@drawable/logo_animado2" />


    </LinearLayout>

score 1 · Answer 4 · answered Feb 08 '13 at 12:57

1

Add android:layout_weight="1" in both the ImageView and make the width if image view as fill_parent I think it will solve your problem

But remember it will stretch your image as because image view will streach in every screen resolution so as your image.

answered Feb 08 '13 at 12:57

Abhinav Singh Maurya

3,313
8
33
51

How to put 50% for width

4 Answers4

Linked