Android:在LinearLayout中没有更多可用空间时自动截断文本

时间:2011-12-01 22:02:50

标签: android layout textview

我想在我的应用中创建某种工具栏。 在左边我显示一个固定大小的imageView,在右边另一个,在中间我想显示一个文本,但它需要被截断,以防没有空间...这就是我'失败

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/actionBar"
    android:layout_width="match_parent"
    android:layout_height="32dp"
    android:background="@android:drawable/title_bar"
    android:orientation="horizontal"
    android:paddingBottom="5dp"
    android:paddingTop="5dp" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:gravity="left|center_vertical"
        android:orientation="horizontal" >

        <ImageButton
            android:id="@+id/actionBarIcon"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_marginRight="7dp"
            android:adjustViewBounds="true"
            android:background="@drawable/podcast_addict"
            android:gravity="center_vertical"
            android:onClick="onHome" >
        </ImageButton>

        <TextView
            android:id="@+id/actionBarTitle"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:singleLine="true"
            android:text="@string/app_name"
            android:textColor="#FFFFFF"
            android:textSize="15sp"
            android:textStyle="bold" >
        </TextView>
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginLeft="15dp"
        android:layout_weight="2"
        android:gravity="right|center_vertical"
        android:orientation="horizontal" >

        <ImageView
            android:layout_width="1px"
            android:layout_height="match_parent"
            android:layout_marginBottom="3dp"
            android:layout_marginLeft="15dp"
            android:layout_marginTop="3dp"
            android:background="@android:drawable/status_bar_item_app_background" />

        <ImageView
            android:id="@+id/actionButton"
            android:layout_width="22dp"
            android:layout_height="22dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:adjustViewBounds="true"
            android:background="@android:drawable/stat_notify_sync_noanim"
            android:gravity="center_vertical"
            android:onClick="onAction" >
        </ImageView>

        <ImageView
            android:layout_width="1px"
            android:layout_height="match_parent"
            android:layout_marginBottom="3dp"
            android:layout_marginTop="3dp"
            android:background="@android:drawable/status_bar_item_app_background" />

        <ImageButton
            android:id="@+id/showHideButton"
            android:layout_width="22dp"
            android:layout_height="22dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:adjustViewBounds="true"
            android:background="@android:drawable/ic_menu_view"
            android:gravity="center_vertical"
            android:onClick="onShowHide" >
        </ImageButton>

        <ImageView
            android:layout_width="1px"
            android:layout_height="match_parent"
            android:layout_marginBottom="3dp"
            android:layout_marginTop="3dp"
            android:background="@android:drawable/status_bar_item_app_background" />

        <ImageButton
            android:id="@+id/markReadButton"
            android:layout_width="22dp"
            android:layout_height="22dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:adjustViewBounds="true"
            android:background="@android:drawable/checkbox_on_background"
            android:gravity="center_vertical"
            android:onClick="onMarkRead" >
        </ImageButton>
    </LinearLayout>

</LinearLayout>

当文本很短时似乎有效,但是当它太长时,右边的第一个imageView隐藏在文本后面...... 我该如何解决这个问题?

3 个答案:

答案 0 :(得分:4)

尝试使用android:ellipsize

<TextView
  android:singleLine="true"
  android:ellipsize="end"
  android:text="This is a long long text"/>

当文字长于TextView宽度时,这会在屏幕上显示这是一个很长的...

答案 1 :(得分:2)

在linearlayouts上使用布局权重

android:layout_weight="1"

将使两个视图在布局中的空间相等,即一半和一半,您可以使用权重玩,直到找到所需的正确平衡。

答案 2 :(得分:0)

试试这个:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/actionBar"
android:layout_width="fill_parent"
android:layout_height="32dp"
android:background="@android:drawable/title_bar"
android:orientation="horizontal"
android:paddingBottom="5dp"
android:paddingTop="5dp" >

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_marginLeft="15dp"
    android:layout_weight="2"
    android:layout_gravity="right|center_vertical"
    android:layout_alignParentRight="true"
    android:orientation="horizontal" 
    android:id="@+id/buttons">

    <ImageView
        android:layout_width="1px"
        android:layout_height="fill_parent"
        android:layout_marginBottom="3dp"
        android:layout_marginLeft="15dp"
        android:layout_marginTop="3dp"
        android:background="@android:drawable/status_bar_item_app_background" />

    <ImageView
        android:id="@+id/actionButton"
        android:layout_width="22dp"
        android:layout_height="22dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:adjustViewBounds="true"
        android:background="@android:drawable/stat_notify_sync_noanim"
        android:gravity="center_vertical"
        android:onClick="onAction" >
    </ImageView>

    <ImageView
        android:layout_width="1px"
        android:layout_height="fill_parent"
        android:layout_marginBottom="3dp"
        android:layout_marginTop="3dp"
        android:background="@android:drawable/status_bar_item_app_background" />

    <ImageButton
        android:id="@+id/showHideButton"
        android:layout_width="22dp"
        android:layout_height="22dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:adjustViewBounds="true"
        android:background="@android:drawable/ic_menu_view"
        android:gravity="center_vertical"
        android:onClick="onShowHide" >
    </ImageButton>

    <ImageView
        android:layout_width="1px"
        android:layout_height="fill_parent"
        android:layout_marginBottom="3dp"
        android:layout_marginTop="3dp"
        android:background="@android:drawable/status_bar_item_app_background" />

    <ImageButton
        android:id="@+id/markReadButton"
        android:layout_width="22dp"
        android:layout_height="22dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:adjustViewBounds="true"
        android:background="@android:drawable/checkbox_on_background"
        android:gravity="center_vertical"
        android:onClick="onMarkRead" >
    </ImageButton>
</LinearLayout>
<LinearLayout
    android:layout_toLeftOf="@id/buttons"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.5"
    android:gravity="left|center_vertical"
    android:orientation="horizontal" >

    <ImageButton
        android:id="@+id/actionBarIcon"
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_marginRight="7dp"
        android:adjustViewBounds="true"
        android:background="@drawable/podcast_addict"
        android:gravity="center_vertical"
        android:onClick="onHome" >
    </ImageButton>

    <TextView
        android:id="@+id/actionBarTitle"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:gravity="center_vertical"
        android:singleLine="true"
        android:text="loooooooooooooooooooooooooooooooooooooooooooooooong"
        android:textColor="#FFFFFF"
        android:textSize="15sp"
        android:textStyle="bold" >
    </TextView>
</LinearLayout>