拖动集中列GridView

Question

我已经创建了一个gridlayout来放置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 margin或padding，因为设备分辨率之间存在差异。

那么，我如何考虑响应式设计来集中这两个colomns？

Answer 1

我建议您不要使用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>