Làm cách nào để bố trí với View lấp đầy không gian còn lại?

Tôi đang thiết kế giao diện người dùng ứng dụng của mình. Tôi cần một bố cục như thế này:

(<và> là các Nút). Vấn đề là, tôi không biết làm thế nào để đảm bảo TextView sẽ lấp đầy không gian còn lại, với hai nút có kích thước cố định.

Nếu tôi sử dụng fill_parent cho Chế độ xem văn bản, nút thứ hai (>) không thể hiển thị.

Làm thế nào tôi có thể tạo một bố cục trông giống như hình ảnh?

Câu trả lời từ woodshy làm việc cho tôi, và nó đơn giản hơn câu trả lời của Ungureanu Liviu vì nó không sử dụng RelativeLayout. Tôi đang cho bố cục của tôi cho rõ ràng:

<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>

Trong trường hợp nếu <TEXT VIEW> được đặt trong linearLayout, hãy đặt proprty Layout_ weight của <và> thành 0 và 1 cho TextView.
Trong trường hợp RelativeLayout căn chỉnh <và> sang trái và phải và đặt "Bố cục sang trái của" và "Bố cục sang phải của" thuộc tính của TextView thành id của <và>

Nếu bạn sử dụng RelativeLayout, bạn có thể làm điều đó như thế này:

<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>

Sử dụng một ConstraintLayout, tôi đã tìm thấy một cái gì đó như

<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" />

làm. Chìa khóa đang đặt các ràng buộc cạnh phải, trái, trên và dưới một cách thích hợp, sau đó đặt chiều rộng và chiều cao thành 0dpvà để cho nó tìm ra kích thước của chính nó.

Nó đơn giản Bạn đặt minWidth hoặc minHeight, tùy thuộc vào những gì bạn đang tìm kiếm, ngang hoặc dọc. Và đối với đối tượng khác (đối tượng bạn muốn lấp đầy khoảng trống còn lại), bạn đặt trọng số là 1 (đặt chiều rộng để bọc nội dung của nó), vì vậy nó sẽ lấp đầy phần còn lại của khu vực.

<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>

bạn có thể sử dụng thuộc tính layout_ weight cao. Dưới đây bạn có thể thấy một bố cục trong đó ListView chiếm toàn bộ không gian trống với các nút ở phía dưới:

<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>

Đối với những người có cùng trục trặc <LinearLayout...>như tôi đã làm:

Điều quan trọng là chỉ định android:layout_width="fill_parent", nó sẽ không hoạt động wrap_content.

OTOH, bạn có thể bỏ qua android:layout_weight = "0", nó không bắt buộc.

Mã của tôi về cơ bản giống như mã trong https://stackoverflow.com/a/25781167/755804 (bởi Vivek Pandey)

Bạn nên tránh lồng 2 bố cục tương đối vì bố cục tương đối luôn tạo 2 pass cho bản vẽ (so với 1 cho bất kỳ loại bố cục nào khác). Nó trở nên theo cấp số nhân khi bạn lồng chúng. Bạn nên sử dụng bố cục tuyến tính với width = 0 và weight = 1 trên phần tử bạn muốn lấp đầy khoảng trống còn lại. Câu trả lời này là tốt hơn cho hiệu suất và thực hành. Hãy nhớ rằng: chỉ sử dụng bố cục tương đối khi bạn không có lựa chọn khác.

<?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>

Bạn có thể sử dụng đặt layout_widthhoặc layout_widththành 0dp(Theo hướng bạn muốn lấp đầy không gian còn lại). Sau đó sử dụng layout_weightđể làm cho nó lấp đầy không gian còn lại.

sử dụng Relat khóaayout để bọc tuyến tính

<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>`

tôi đã tìm thấy

 <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" />

Khi sử dụng bố cục tương đối, bạn có thể kéo dài chế độ xem bằng cách thả neo vào cả hai chế độ xem được cho là kéo dài về phía. Mặc dù chiều cao được chỉ định sẽ bị bỏ qua, Android vẫn yêu cầu thuộc tính chiều cao, đó là lý do tại sao tôi viết "0dp". Thí dụ:

<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"/>