使用layout_weight、layout_width和maxWidth的Android布局

Question

我试图获取一行类似于

foofoofoo - barbarbar

的文本，但如果它不适合一行，我希望它省略 foo 和 bar 。 即我正在尝试缩短它们。

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <TextView android:id="@+id/text_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:maxWidth="0dip"
        android:layout_weight="1"
        android:textColor="#ffffff"
        android:singleLine="true"
        android:ellipsize="true"
        android:text="foofoofoofoo" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#ffffff"
        android:text=" - " />
    <TextView
        android:id="@+id/text_2"
        android:layout_width="wrap_content"                         
        android:layout_height="wrap_content"
        android:maxWidth="0dip"
        android:layout_weight="1"
        android:textColor="#ffffff"
        android:singleLine="true"
        android:ellipsize="true"
        android:text="barbarbarbar" />
</LinearLayout>

请耐心等待，这部分有效。

将 TextView 的 layout_width 设置为 0dip 并将 layout_weight 设置为 1 意味着它们各自占用 50% 的可用空间。

将 singleLine 设置为 true 并将 ellipsize 设置为 true 意味着它们看起来像 foofoo...< /em> 如果文本大于容器。

因此我的结果（如果文本较长）应该是

foofoo.. - barbar..

就是这样！所以这有效。

现在我要解决的情况是，如果第一个 TextView (id:text_1) 的文本小于 layout_width= 给出的 50% “0dip” 和 layout_weight="1" 我希望它 wrap_content。否则它看起来像：

foo 空白 - barbar..

我想要

foo - barbarbar

这就是为什么我更改了 layout_width="wrap_content" 并添加了 android:maxWidth="0dip" 但这不起作用！它似乎忽略了我所说的 wrap_content 并且仍然给这个视图 50%！

我读到您需要添加 android:adjustViewBounds="true" 才能使 maxWidth 正常工作，但这没有影响。

Answer 1

这是我能做的最好的事情，尝试更改字符串以查看它是否按预期工作。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:shrinkColumns="0,2"
    android:stretchColumns="0,2">
    <TableRow>
        <TextView android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:singleLine="true"
            android:ellipsize="end"
            android:text="foofoofoo"/>
        <TextView android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="-"
            android:gravity="center_horizontal"/>
        <TextView android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:singleLine="true"
            android:ellipsize="end"
            android:text="barbarbarbarbarbarbarbarbarbarbarbar"/>
    </TableRow>
</TableLayout>

Answer 2

很难准确说出您想要什么，但我相信答案是除非您在代码中动态调整布局，否则您无法做到这一点。这样做的原因是因为您要求系统以多种不同的方式工作。

首先，当视图中的文本量相同时，您希望视图平等地共享空间。

其次，当另一个视图中的文本较少时，您希望视图不平等地共享空间。

这里还有多种其他情况，可以按照您想要的任何方式处理。然而，我想传达的是，您要求相同的布局以不同的方式处理事物，这就是为什么您无法使用单一布局来实现这一点。