Question

enter image description here

有没有办法让每张图片下方的文字居中？我已经为家庭作业硬编码，但你可以看到长度可以变化！我正在使用相对布局，textView在每张图片下方？

Answer 1

使用线性布局的组合，您可以实现类似这样的

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

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

很难通过你的xml文件...... 为什么不使用gridview，对于每个视图，你可以在下面找到一个图像......这样就容易多了......

根据RelativeLayout中心的对齐方式

3 个答案: