0

我创建了一个网格布局,将 4 个图像放入其中,并且是 xml:

 <GridLayout
    android:layout_width="match_parent"
    android: layout_height="238dp"
    android:columnCount="1"
    android:useDefaultMargins="true"
    tools:ignore="NewApi" >

    <ImageView ... />
    <ImageView ... />
    <ImageView ... />
    <ImageView ... />
 

  </GridLayout>

所以他们看起来像这样:

在此处输入图像描述

我真正想要的是这样的:

在此处输入图像描述

由于设备分辨率之间的差异,我不想使用 dp 边距或填充。

那么,考虑到响应式设计,我如何集中这两个列?

4

1 回答 1

0

我建议您不要使用 GridLayout,而是执行以下操作:

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    android:gravity="center_horizontal">

    <ImageView
        android:id="@+id/imgView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imgView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/imgView1"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imgView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imgView1"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imgView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imgView2"
        android:layout_toRightOf="@+id/imgView3"
        android:src="@drawable/ic_launcher" />
</RelativeLayout>

于 2013-08-28T10:49:30.553 回答