How to ellipsize center-aligned textview beside a right-aligned button when screen width is small
- by simplymoody
------------------------------------
| 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?
