具有动态宽度的布局视图

时间:2012-06-18 17:51:27

标签: android android-layout

我有一个接一个有两个孩子的布局,如下所示:

|<view1><text1>                      |

<view1>可能会改变它的宽度。所以,我希望它增加,同时两个视图留在屏幕上:

|<really_wide_view1><text1>          |

但是当右边没有更多的空间时,它会停止:

|<reeeeeeeeeeeally_wide_vi...><text1>|

有没有简单的方法呢?

现在我尝试使用这种布局:

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

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#FF00aa00" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="loooooooooooooooooooooooooooooooooooong text" />
    </LinearLayout>

    <TextView
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="#FFaa0000"
        android:minWidth="30dp"
        android:singleLine="true"
        android:text="test" />

</LinearLayout>

但结果是一样的:result

3 个答案:

答案 0 :(得分:1)

我可以使用以下代码(您的修改版本)解决您的问题:

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

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="#FF00aa00" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text" 
            />
    </LinearLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="0"
        android:background="#FFaa0000"
        android:text="testtest" />
</LinearLayout>

以下是相同的屏幕截图: Wrap Test

如果以上代码解决了问题,请告诉我。

答案 1 :(得分:0)

尝试在RelativeLayout中提供两个视图并使视图布局宽度并作为wrap_content并将方向指定为水平。我认为它会解决你的问题。

答案 2 :(得分:0)

以下是TableLayout的解决方案,但看起来很脏。

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:shrinkColumns="0" >

    <TableRow>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
        </LinearLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </TableRow>

</TableLayout>

它适用于任何长度的两个文本视图。