Java 如何在网格布局中根据手机屏幕对齐按钮？

因此，我在

网格布局

中有一个

滚动视图

，我正在尝试更改它，以便根据手机的大小调整按钮的大小，但到目前为止，我无法显示按钮。我为每个

ImageView

<android.support.v7.widget.GridLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"

    grid:alignmentMode="alignBounds"
    grid:columnCount="2"
    grid:rowOrderPreserved="false"
    grid:useDefaultMargins="true">

    <com.pkmmte.view.CircularImageView
        app:srcCompat="@android:drawable/alert_dark_frame"
        android:id="@+id/bucksImageView"
        grid:layout_columnWeight="1"
        grid:layout_gravity="fill_horizontal"
        android:gravity="center"
        app:border="true"
        app:border_color="#EEEEEE"
        app:border_width="4dp"
        app:shadow="true"
        style="@style/buttonStyle"
        />

    <com.pkmmte.view.CircularImageView


        app:srcCompat="@android:drawable/alert_dark_frame"
        android:id="@+id/heatImageView"
        grid:layout_columnWeight="1"
        grid:layout_gravity="fill_horizontal"
        android:gravity="center"
        app:border="true"
        app:border_color="#EEEEEE"
        app:border_width="4dp"
        app:shadow="true"
        style="@style/buttonStyle" />

    <com.pkmmte.view.CircularImageView


        app:srcCompat="@android:drawable/alert_dark_frame"

        android:id="@+id/hawksImageView"

        grid:layout_columnWeight="1"
        grid:gravity="center"
        grid:layout_gravity="fill_horizontal"
        app:border="true"
        app:border_color="#EEEEEE"
        app:border_width="4dp"
        app:shadow="true"
        style="@style/buttonStyle" />