在中间显示4张照片

Question

HY！

我希望有这样的布局：

问题是我不知道该用什么：

• 的GridView？
• TableLayout？
• 带有PictureViews的LinearLayout？

图片应朝向屏幕中间（水平和垂直）

请在答案中添加一些代码示例。

THX

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:orientation="vertical" android:gravity="center_horizontal|center_vertical">
    <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
        <ImageView android:layout_width="150dp" android:layout_height="150dp"
            android:layout_weight="1" android:background="@drawable/bg_img"
            android:layout_margin="5dp"/>
        <ImageView android:layout_width="150dp" android:layout_height="150dp"
            android:layout_weight="1" android:background="@drawable/bg_img"
            android:layout_margin="5dp"/>
    </LinearLayout>
    <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
        <ImageView android:layout_width="150dp" android:layout_height="150dp"
            android:layout_weight="1" android:background="@drawable/bg_img"
            android:layout_margin="5dp"/>
        <ImageView android:layout_width="150dp" android:layout_height="150dp"
            android:layout_weight="1" android:background="@drawable/bg_img"
            android:layout_margin="5dp"/>
    </LinearLayout>
</LinearLayout>

我从这里使用了这个图片下载，图片太大了，但这只是测试，你可以使用你的图片只需在imageview中替换每个或根据你的要求的背景src。

你会得到这样的结果

Answer 2

请在下面使用带有Imageview的线性布局。主要技巧是线性布局中的热量使用权重

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <LinearLayout android:id="@+id/linearLayout1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1">
        <ImageView android:id="@+id/imageView1" android:layout_width="fill_parent" android:layout_weight="1" android:layout_height="fill_parent" android:background="@drawable/icon"></ImageView>
        <ImageView android:id="@+id/imageView2" android:layout_weight="1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/icon"></ImageView>
    </LinearLayout>
    <LinearLayout android:id="@+id/linearLayout2" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1">
        <ImageView android:id="@+id/imageView3" android:layout_width="fill_parent" android:layout_weight="1" android:layout_height="fill_parent" android:background="@drawable/icon"></ImageView>
        <ImageView android:id="@+id/imageView4" android:layout_width="fill_parent" android:layout_weight="1" android:layout_height="fill_parent" android:background="@drawable/icon"></ImageView>
    </LinearLayout>
</LinearLayout>