根据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和每个视图，你可以有一个图像下面的文本...这很容易这种方式...