Android: how to make two TextViews placed in different lines if there is not enough space in one line

Question

I'm trying to organize two TextViews to behave like that:

Example

So, if there is enough space for both TextViews in line, android should place them in line.

If there is not enough space, the second TextView must be placed on the next line with right alignment.

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/takeoffCity"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/flightItem" />

        <TextView
            android:id="@+id/landingCity"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/flightItem" />
    </LinearLayout>

<style name="flightItem" parent="@android:style/TextAppearance">
    <item name="android:textSize">14dip</item>
    <item name="android:textColor">@color/flightItemFont</item>
    <item name="android:scrollHorizontally">true</item>
    <item name="android:textStyle">bold</item>
</style>

I think this thread http://stackoverflow.com/questions/549451/line-breaking-widget-layout-for-android may help you. — Viktor Stojanovski, Apr 08 '12 at 23:43

score 0 · Answer 1 · answered Oct 24 '12 at 23:51

To accomplish what you are looking for you could change you're layout to a RelativeLayout and add android:layout_alignParentLeft="true" to your TextViews, however, this doesn't set these TextViews to act dynamically. Meaning if they can fit side-by-side then they should be in-line but the bottom TextView will still align to the right.

I don't think what you are looking for is technically possible. However this may be a good alternative:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/takeoffCity"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        style="@style/flightItem" />

    <TextView
        android:id="@+id/landingCity"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        style="@style/flightItem" />

</RelativeLayout>

Android: how to make two TextViews placed in different lines if there is not enough space in one line

1 Answers1