将包含ImageViews的2x2 GridLayout转换为4个切片

Question

我有一个圆形按钮，使用GridLayout在2x2网格中有四个图像。所以现在按钮显示为图像网格后面的圆圈。

我在网上看到的大多数解决方案都是让整个图像成为一个圆圈。我需要将我的转换为四片馅饼。

<?xml version="1.0" encoding="utf-8"?>
<GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:columnCount="2"
    android:rowCount="2"
    android:alignmentMode="alignBounds">

    <ImageView
        android:id="@+id/img_1"
        android:padding="1.5dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:drawable/ic_delete"
        />
    <ImageView
        android:id="@+id/img_2"
        android:padding="1.5dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:drawable/ic_btn_speak_now"
        />
    <ImageView
        android:id="@+id/img_3"
        android:padding="1.5dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:drawable/ic_dialog_alert"
        />
    <ImageView
        android:id="@+id/img_4"
        android:padding="1.5dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:drawable/ic_dialog_info"
        />
</GridLayout>

我有一个自定义按钮，我用。膨胀这个布局。

帮助！