How to ellipsize center-aligned textview beside a right-aligned button when screen width is small

Posted by simplymoody on Stack Overflow See other posts from Stack Overflow or by simplymoody
Published on 2013-06-28T03:22:53Z Indexed on 2013/06/28 4:21 UTC
Read the original article Hit count: 398

Filed under:
|
 ------------------------------------
|           LONG_TITL...   |button|  |
|------------------------------------|
|                                    |

I have an app header which consists of the app title and a button. The button should be fixed on the right side but I want the title to be in the middle and ellipsize when the screen is too small. Problem is the title just won't ellipsize even though the button is nearly beside it.

Here's what I have so far:

<RelativeLayout android:id="@+id/headr"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center">

    <ImageView
        android:id="@+id/bar_orange"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:minHeight="40dp"
        android:scaleType="centerCrop"
        android:src="@drawable/bar_orange"/>

    <TextView
        android:id="@+id/Title"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:text="@string/bcd"
        android:textColor="#FFFFFF"
        android:ellipsize="marquee"
        android:singleLine="true"
        android:textSize="18sp"
        android:textStyle="bold"/>

    <Button
        android:padding="5dp"
        android:id="@+id/home"
        android:textColor="#ffffff"
        android:layout_marginRight="10dp"
        android:layout_marginLeft="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:singleLine="true"
        android:background="@drawable/button_home"
        android:text="@string/home"/>

</RelativeLayout>

Is there a way to do this with just RelativeLayout?

© Stack Overflow or respective owner

Related posts about android

Related posts about android-layout