根據RelativeLayout中的中心對齊

Question

是否有任何方法可以將每個圖片下方的文本居中？我已經對作品進行了硬編碼，但正如您所看到的，長度可能會有所不同！我使用的是相對佈局，textView是在每張圖片的下方？

Answer 1

<?xml version="1.0" encoding="utf-8"?> 

<ImageView android:id="@+id/imgLecture" android:src="@drawable/icon3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView1" android:layout_alignParentLeft="true" android:layout_marginTop="30dp" android:layout_marginLeft="60dp"></ImageView> 
<ImageView android:id="@+id/imgMail" android:src="@drawable/icon4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView2" android:layout_alignParentRight="true" android:layout_marginTop="30dp" android:layout_marginRight="60dp"></ImageView> 
    <TextView android:text="Lectures" android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="18sp" android:layout_below="@+id/imgLecture" android:layout_alignParentLeft="true" android:layout_marginLeft="60dp" android:layout_marginTop="2dp" ></TextView> 
<TextView android:text="Mail" android:id="@+id/textView4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="18sp" android:layout_below="@+id/imgMail" android:layout_alignParentRight="true" android:layout_marginRight="60dp" android:layout_marginTop="2dp" ></TextView> 

<ImageView android:id="@+id/imgExam" android:src="@drawable/icon5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView3" android:layout_alignParentLeft="true" android:layout_marginTop="30dp" android:layout_marginLeft="60dp"></ImageView> 
<ImageView android:id="@+id/imgGrade" android:src="@drawable/icon6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView4" android:layout_alignParentRight="true" android:layout_marginTop="30dp" android:layout_marginRight="60dp"></ImageView> 
    <TextView android:text="Exams" android:id="@+id/textView5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="18sp" android:layout_below="@+id/imgExam" android:layout_alignParentLeft="true" android:layout_marginLeft="60dp" android:layout_marginTop="2dp" ></TextView> 
<TextView android:text="Grades" android:id="@+id/textView6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="18sp" android:layout_below="@+id/imgGrade" android:layout_alignParentRight="true" android:layout_marginRight="60dp" android:layout_marginTop="2dp" ></TextView> 

Answer 2

使用線性佈局的組合，你可以做到這樣的事情

<LinearLayout android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical"  
    xmlns:android="http://schemas.android.com/apk/res/android"> 
    <LinearLayout android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1.0" android:gravity="center_vertical"> 
     <LinearLayout android:layout_width="0dip" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:layout_weight="1.0" android:gravity="center"> 
      <ImageView android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@drawable/icon"/> 
      <TextView android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:text="Test" android:gravity="center"/> 
     </LinearLayout> 
     <LinearLayout android:layout_width="0dip" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" android:layout_weight="1.0" 
      android:gravity="center"> 
      <ImageView android:layout_width="wrap_content"     
       android:layout_height="wrap_content" 
       android:src="@drawable/icon"/> 
      <TextView android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:text="Test" android:gravity="center"/> 
     </LinearLayout> 
    </LinearLayout> 
    <LinearLayout android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1.0" android:gravity="center_vertical"> 
     <LinearLayout android:layout_width="0dip" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:layout_weight="1.0" android:gravity="center"> 
      <ImageView android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@drawable/icon"/> 
      <TextView android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:text="Test" android:gravity="center"/> 
     </LinearLayout> 
     <LinearLayout android:layout_width="0dip" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" android:layout_weight="1.0" 
      android:gravity="center"> 
      <ImageView android:layout_width="wrap_content"     
       android:layout_height="wrap_content" 
       android:src="@drawable/icon"/> 
      <TextView android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:text="Test" android:gravity="center"/> 
     </LinearLayout> 
    </LinearLayout> 
</LinearLayout> 

但我強烈建議查看我發送的評論文章。它使用儀表板佈局。

Answer 3

這是很難通過您的XML文件... 爲什麼你不使用gridview和每個視圖，你可以有一個圖像下面的文本...這很容易這種方式...