如何使用 View 使布局填充剩余空间？

V

Vivek Pandey

woodshy 的回答对我有用，它比 Ungureanu Liviu 的回答更简单，因为它不使用 RelativeLayout。为了清楚起见，我给出了我的布局：

<LinearLayout 
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal"
      >

     <Button
        android:layout_width = "80dp"
        android:layout_weight = "0"
        android:layout_height = "wrap_content"
        android:text="&lt;"/>
     <TextView
        android:layout_width = "fill_parent"
        android:layout_height = "wrap_content"
        android:layout_weight = "1"/>
     <Button
        android:layout_width = "80dp"
        android:layout_weight = "0"
        android:layout_height = "wrap_content"
        android:text="&gt;"/>   
 </LinearLayout>

alignLeft 和 alignParentLeft 之类的东西是 LinearLayout 永远无法实现的。

我不完全理解这是怎么可能的，但是避免RelativeLayout真的很酷

这怎么可能是公认的答案？没有图像视图，它只是解决方案的一部分。至少它比使用相对布局的旧的最高投票答案要好（我在回答中解释了原因）

g

ggorlen

如果将 <TextView> 放在 LinearLayout 中，请将 < 和 > 的 Layout_weight 属性设置为 0 和 TextView 的 1。

如果您使用 RelativeLayout，请将 < 和 > 左右对齐，并将 TextView 的“布局到左边”和“布局到右边”属性设置为 {2 } 和 >。

有人还需要样品吗？

如何在此布局中添加图像以填充整个视图

@woodshy 是的，样本仍然会有所帮助

使这难以理解的是“< 和 >”，它引用了原始的后期术语。这意味着分别带有标签“<”和“>”的按钮。

@woodshy 的例子会让它变得更好，不是吗？

A

Allan Pereira

如果您使用 RelativeLayout，您可以这样做：

<RelativeLayout
    android:layout_width = "fill_parent"
    android:layout_height = "fill_parent">
    <ImageView
        android:id = "@+id/my_image"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:layout_alignParentTop ="true" />
    <RelativeLayout
        android:id="@+id/layout_bottom"
        android:layout_width="fill_parent"
        android:layout_height = "50dp"
        android:layout_alignParentBottom = "true">
        <Button
            android:id = "@+id/but_left"
            android:layout_width = "80dp"
            android:layout_height = "wrap_content"
            android:text="&lt;"
            android:layout_alignParentLeft = "true"/>
        <TextView
            android:layout_width = "fill_parent"
            android:layout_height = "wrap_content"
            android:layout_toLeftOf = "@+id/but_right"
            android:layout_toRightOf = "@id/but_left" />
        <Button
            android:id = "@id/but_right"
            android:layout_width = "80dp"
            android:layout_height = "wrap_content"
            android:text="&gt;"
            android:layout_alignParentRight = "true"/>
    </RelativeLayout>
</RelativeLayout>

谢谢，它有效:) 但我不明白。为什么 TextView 不填充所有空间，而不是 > 按钮？

为什么有两个嵌套的相对布局？根应该足够了。然后，您需要做的就是确保底部相对布局的孩子都是 alignParentBottom="true"

@Noel你是对的。我选择 2 布局，因为这是我使用的方式：在我的应用程序中，我可能需要更改一些视图的可见性，并且更容易将所有视图放在一个布局中并仅为此布局更改可见性.我的示例并不完美，但它有效，并且可能对某人有用。

@WN 这对我来说也很奇怪:) 我认为 textview 不会使用所有空间，因为右键具有固定宽度。如果您将 android:layout_width = "80dp" 更改为 android:layout_width = "wrap_content" 的右键，它就可以工作。

这个答案真的很糟糕！您应该避免嵌套 2 个相对布局，因为相对布局总是使 2 遍用于绘图（而 1 用于任何其他类型的布局）。当你嵌套它们时，它会变成指数。您应该在要填充剩余空间的元素上使用 width=0 和 weight=1 的线性布局。请记住：仅当您别无选择时才使用相对布局。 stackoverflow.com/questions/4069037/…

T

Tom Howard

使用 ConstraintLayout，我发现了类似的东西

<Button
    android:id="@+id/left_button"
    android:layout_width="80dp"
    android:layout_height="48dp"
    android:text="&lt;"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toRightOf="@+id/left_button"
    app:layout_constraintRight_toLeftOf="@+id/right_button"
    app:layout_constraintTop_toTopOf="parent" />

<Button
    android:id="@+id/right_button"
    android:layout_width="80dp"
    android:layout_height="48dp"
    android:text="&gt;"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

作品。关键是适当地设置右、左、上和下边缘约束，然后将宽度和高度设置为 0dp 并让它自己确定大小。

刚开始使用 ConstraintLayout，很高兴知道在将它们设置为“0”时可以通过约束来确定宽度和高度，感谢 :)

重要的是要注意每个约束的箭头的方向。确保 TextView 具有左右约束。如果第一个 Button 具有对 TextView 的右约束并且最后一个 Button 具有对 TextView 的左约束，则 TextView 不会拉伸。

好多了！通过没有嵌套布局来提高性能。感谢您提醒我们 0dp 技巧

D

Daniel

这很简单您设置 minWidth 或 minHeight，取决于您要查找的内容，水平或垂直。对于另一个对象（您要填充剩余空间的对象），您将权重设置为 1（设置宽度以包裹其内容），因此它将填充其余区域。

<LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center|left"
        android:orientation="vertical" >
</LinearLayout>
<LinearLayout
        android:layout_width="80dp"
        android:layout_height="fill_parent"
        android:minWidth="80dp" >
</LinearLayout>

I

Irony Stack

您可以使用高 layout_weight 属性。下面你可以看到一个布局，其中 ListView 占用了所有可用空间，底部有按钮：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context=".ConfigurationActivity"
    android:orientation="vertical"
    >

        <ListView
            android:id="@+id/listView"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1000"
            />


        <Button
            android:id="@+id/btnCreateNewRule"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Create New Rule" />



        <Button
            android:id="@+id/btnConfigureOk"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Ok" />


</LinearLayout>

L

Livio

您应该避免嵌套 2 个相对布局，因为相对布局总是使 2 遍用于绘图（而 1 用于任何其他类型的布局）。当你嵌套它们时，它会变成指数。您应该在要填充剩余空间的元素上使用 width=0 和 weight=1 的线性布局。这个答案对性能和实践更好。请记住：仅当您别无选择时才使用相对布局。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical">

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/prev_button"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:text="&lt;" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:ellipsize="end"
            android:singleLine="true"
            android:gravity="center"
            android:text="TextView" />

        <Button
            android:id="@+id/next_button"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:text="&gt;" />
    </LinearLayout>
</LinearLayout>

C

Community

对于那些与 <LinearLayout...> 有相同故障的人：

指定 android:layout_width="fill_parent" 很重要，它不适用于 wrap_content。

OTOH，您可以省略 android:layout_weight = "0"，它不是必需的。

我的代码与 https://stackoverflow.com/a/25781167/755804 中的代码基本相同（by Vivek Pandey）

F

F.K. Juliano

使用相对布局时，您可以通过将视图锚定到它应该拉伸的两个视图来拉伸视图。虽然指定的高度会被忽略，但Android仍然需要一个高度属性，这就是我写“0dp”的原因。例子：

<View
    android:id="@+id/topView"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:layout_alignParentTop="true"
    android:layout_marginTop="8dp"/>

<View
    android:id="@+id/stretchableView"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_below="@id/topView"
    android:layout_above="@+id/bottomView"
    android:layout_marginTop="8dp"
    android:layout_marginBottom="8dp"
    android:adjustViewBounds="true"/>

<View
    android:id="@id/bottomView"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="16dp"/>

t

taynguyen

您可以使用将 layout_width 或 layout_width 设置为 0dp（按您要填充剩余空间的方向）。然后使用 layout_weight 使其填充剩余空间。

j

john liao

使用 Relativelayout 来包装 LinearLayout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:round="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:orientation="vertical">
    <Button
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:text="&lt;"/>
    <TextView
        android:layout_width = "fill_parent"
        android:layout_height = "wrap_content"
        android:layout_weight = "1"/>
    <Button
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:text="&gt;"/>

</LinearLayout>

</RelativeLayout>`

Z

Zeus B0t

我发现

 <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginEnd="10dp"
        android:fontFamily="casual"
        android:text="(By Zeus B0t)"
     ``   android:textSize="10sp"
        android:gravity="bottom"
        android:textStyle="italic" />

如何使用 View 使布局填充剩余空间？

关注公众号

想领先一步获取最新的外包任务吗？

相似问题

平台

支持

联系我们