Trung tâm nhiều mục trong RelativeLayout mà không đặt chúng trong vùng chứa?

Question

Tôi có một RelativeLayout chứa một cặp các nút cạnh nhau, mà tôi muốn được căn giữa trong bố cục. Tôi chỉ có thể đặt các nút trong một LinearLayout và trung tâm trong RelativeLayout, nhưng tôi muốn giữ cho xml của tôi càng sạch càng tốt.

Đây là những gì tôi đã cố gắng, điều này chỉ đặt nút "áp dụng" ở trung tâm và "undo" nút bên trái của nó:

<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="15sp"> 
    <TextView 
    android:id="@+id/instructions" 
    android:text="@string/instructions" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginBottom="15sp" 
    android:layout_centerHorizontal="true" 
    /> 
    <Button 
    android:id="@+id/apply" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerInParent="true" 
    android:text="@string/apply" 
    android:textSize="20sp" 
    android:layout_below="@id/instructions" 
    /> 
    <Button 
    android:id="@+id/undo" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerInParent="true" 
    android:text="@string/undo" 
    android:textSize="20sp" 
    android:layout_toLeftOf="@id/apply" 
    android:layout_below="@id/instructions" 
    /> 
</RelativeLayout> 

Answer 1

android:gravity sẽ căn chỉnh nội dung bên trong view hoặc layout được sử dụng.

android:layout_gravity sẽ căn chỉnh view hoặc layout bên trong bố mẹ.

Vì vậy, thêm

android:gravity="center" 

để RelativeLayout bạn nên làm các trick ...

Như thế này:

<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="center" 
    android:layout_marginTop="15sp"> 

</RelativeLayout> 

Answer 2

LinearLayout là một lựa chọn tốt. Khác hơn là có các tùy chọn như tạo ra một cái nhìn vô hình và trung tâm đó và sau đó align nút trái bên trái nó và phải ở bên phải của nó. NHƯNG những người chỉ là làm việc xung quanh.

Answer 3

android:layout_gravity="center" 

sẽ gần như cung cấp những gì bạn đang tìm kiếm.

Answer 4

Đây là một sự kết hợp của các câu trả lời của trên mà giải quyết tình hình cụ thể của tôi :

Căn giữa hai nhãn riêng biệt trong bố cục cũng bao gồm ở vị trí bên trái nhất của cùng một bố cục (nút, nhãn, nhãn, từ trái sang phải, nơi các nhãn được căn giữa so với bố cục chứa tất cả ba chế độ xem - tức là nút không đẩy nhãn ra khỏi chính giữa) .

Tôi đã giải quyết vấn đề này bằng cách lồng hai RelativeLayout, trong đó bố trí ngoài cùng nhất bao gồm nút và một Inner-RelativeLayout.

Inner-RelativeLayout chứa hai nhãn văn bản (TextView's).

Dưới đây là một đoạn cung cấp các chi tiết về cách định tâm và các công cụ bố trí khác đã được thực hiện:

see: RelativeLayout Gravity not applied? và Gravity and layout_gravity on Android cho sự khác biệt của giữa trọng lực và layout_gravity.

Tinh chỉnh paddingLeft trên nút btn_button1 để thấy rằng TextView không di chuyển.

Tôi rất vội vàng khi nghĩ rằng chỉ cần b/c đề xuất của bạn không giải quyết được câu hỏi chính xác đang được hỏi, rằng họ giúp giải quyết các tình huống rất giống nhau (câu trả lời ở đây giải quyết Tôi đã cố gắng upvoting, nhưng nó sẽ không cho phép tôi trừ khi tôi chỉnh sửa câu trả lời, mà tôi không muốn làm.)

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/rl_outer" 
    android:layout_width="fill_parent" 
    android:layout_height="50dip" 
    android:background="#FF0000FF"> 

    <Button 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/btn_button1" 
    android:layout_width="wrap_content" 
    android:layout_height="fill_parent" 
    android:background="#FF00FF00" 
    android:text="&lt;" 
    android:textSize="20sp" 
    android:paddingLeft="40dip"/> 

    <RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/rl_inner" 
    android:layout_width="wrap_content" 
    android:layout_height="fill_parent" 
    android:background="#FFFF00FF"   
    android:layout_centerInParent="true" 
    android:gravity="center">  

    <TextView 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/tv_text1" 
     android:layout_width="wrap_content" 
     android:layout_height="fill_parent" 
     android:background="#FF505050" 
     android:textSize="20sp" 
     android:textColor="#FFFFFFFF" 
     android:text="Complaint #" 
     android:gravity="center"/>  

    <TextView 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/tv_text2" 
     android:layout_width="wrap_content" 
     android:layout_height="fill_parent" 
     android:background="#FF505050" 
     android:textSize="20sp" 
     android:textColor="#FFFFFFFF" 
     android:layout_toRightOf="@id/tv_text1" 
     android:gravity="center"/> 

    </RelativeLayout> 
</RelativeLayout> 

Answer 5

Đây là phần mở rộng câu trả lời của BrainCrash. Nó là một tùy chọn không lồng nhau mà nhóm và trung tâm cả ba chiều ngang và theo chiều dọc. Ngoài ra, nó có TextView trên cùng và đặt nó theo chiều ngang trên cả hai nút. Nếu muốn, bạn có thể căn giữa văn bản trong TextView với android: gravity = "center". Tôi cũng đã loại bỏ các lề, thêm màu và đặt chiều cao RelativeLayout thành fill_parent để làm nổi bật bố cục. Thử nghiệm trên API 11.

<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:gravity="center" 
    android:background="@android:color/black" 
    > 
    <TextView 
    android:id="@+id/instructions" 
    android:text="TEST" 
    android:textSize="20sp" 
    android:background="@android:color/darker_gray" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:layout_alignLeft="@+id/undo" 
    android:layout_alignRight="@+id/apply" 
    android:gravity="center" 
    /> 
    <Button 
    android:id="@+id/apply" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerInParent="true" 
    android:text="APPLY" 
    android:textSize="20sp" 
    android:layout_below="@id/instructions" 
    /> 
    <Button 
    android:id="@+id/undo" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerInParent="true" 
    android:text="UNDO" 
    android:textSize="20sp" 
    android:layout_toLeftOf="@id/apply" 
    android:layout_below="@id/instructions" 
    /> 
</RelativeLayout>