Android - UI問題

Question

嗨，

我需要設計一個類似於我的附加圖像的用戶界面。我需要設置TextView的幫助，例如它與單選按鈕居中對齊。 TextView的中心位置和單選按鈕的中心位置應該在同一條垂直線上。

Answer 1

您可以使用相對佈局這樣，

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center" 
    android:orientation="vertical"> 
    <RelativeLayout android:id="@+id/rlCell" 
     android:layout_width="wrap_content" android:layout_height="wrap_content"> 
    <RadioButton android:text="" android:gravity="center_vertical|center_horizontal" android:id="@+id/radioButton1" android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton> 
    <TextView android:layout_below="@+id/radioButton1" android:id="@+id/textView1" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="TextView" android:layout_alignLeft="@+id/radioButton1" android:layout_alignRight="@+id/radioButton1"></TextView> 

    <RadioButton android:text="" android:layout_toRightOf="@id/radioButton1" android:id="@+id/radioButton2" android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton> 
    <TextView android:layout_below="@+id/radioButton2" android:id="@+id/textView2" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="TextView" android:layout_alignLeft="@+id/radioButton2" android:layout_alignRight="@+id/radioButton2"></TextView> 
    </RelativeLayout> 
</LinearLayout>