如何在GridLayout中根据手机屏幕对齐按钮？

Question

所以我在ScrollView内有一个GridLayout，我正在尝试更改它，以便根据手机大小调整按钮大小，但到目前为止我无法获得一个按钮出现。我有一个设置的高度和宽度为0作为每个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" />