Android Layout 3 Items With Different Widths In Same Line

Question

I would like to know how I can put 3 different elements with different widths in the same line?

Like below

LinearLayout with Horizontal orientation (parent) within that, Textview(50% width-align left)ImageView(25% width-align right)Textview(25% width-align right) all in the same line?

Please help.

Did you check attribute `android:layout_weight` for child views? — Dmitriy Kaluzhin, Jan 14 '17 at 14:18

score 4 · Accepted Answer · edited May 23 '17 at 12:08

You can use LinearLayout with weight

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_landing"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.50"
        android:text="1" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.25"
        android:text="2" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.25"
        android:text="3" />
</LinearLayout>

Or

You can use PercentRelativeLayout see this answer

@joelj welcome, if that helped you do vote up as well :) – N J Jan 15 '17 at 02:09 — N J, Jan 15 '17 at 02:09

score 0 · Answer 2 · answered Jan 14 '17 at 14:20

0

You can use 3 RelativeLayouts with respective weights inside a LinearLayout of horizontal orientation.

answered Jan 14 '17 at 14:20

DarshanGowda0

452
3
11

Android Layout 3 Items With Different Widths In Same Line

2 Answers2

Or