主页 / coding / 问题 / 78950307
Accepted
kristyna
Asked: 2024-09-05 03:39:56 +0800 CST

Compose 等效于 layout_toLeftOf

  • 772

我甚至不知道该用谷歌搜索什么...

我有以下布局：

Row(
    verticalAlignment = Alignment.CenterVertically,
    horizontalArrangement = Arrangement.SpaceBetween,
    modifier = Modifier
        .fillMaxWidth()
        .padding(16.dp)
) {
    Column {
        Text(
            text = thatText,
            overflow = TextOverflow.Ellipsis,
            maxLines = 1
        )
        Text(text = someText)
    }
    FilledTonalButton(
        onClick = { }) {
        Text(text = "Button")
    }
}

看起来像：

thatText              | ////////////
----------------------| // Button //
someText              | ////////////

现在当thatText变得太长时它就会变形Button：

                             | /////
                             | // //
                             | // //
thatText that is really long | // //
-----------------------------| // //
someText                     | // //
                             | // //
                             | // //
                             | /////

但我希望它是：

thatText that is r... | ////////////
----------------------| // Button //
someText              | ////////////

在 xml 中我会这样做

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@id/my_button">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ellipsize="end"
            android:maxLines="1"/>
        <TextView
            android:id="@+id/share_file_detail_size"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/my_button"
        android:layout_alignParentRight="true" />
</RelativeLayout>

我怎样才能在撰写中实现这一点？

android-layout

1 个回答

  1. Best Answer

    添加并实现这一点weight，Column即使文本较大，按钮也不会折叠。

    用户界面图像

    这是代码。

        Row(
        verticalAlignment = Alignment.CenterVertically,
        horizontalArrangement = Arrangement.SpaceBetween,
        modifier = Modifier
            .fillMaxWidth()
            .padding(16.dp)
    ) {
        Column(Modifier.weight(1f)) { // weight added here
            Text(
                text = "thatText",
                overflow = TextOverflow.Ellipsis,
                maxLines = 1
            )
            Text(text = "someText")
        }
        FilledTonalButton(
            onClick = { }) {
            Text(text = "Button")
        }
    }
    • 2

相关问题