如何在ImageView上叠加GridView？

Question

我有一个ImageView，其中包含一个Sudoku网格的图像。我正在创建一个包含Sudoku网格所有数字的GridView。所以它应该完全覆盖ImageView。这是代码：

true

注意：水平和垂直间距以dp给出。

以下是创建GridView的代码：

   <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true"
        android:layout_above="@+id/textView"
        android:layout_below="@+id/timer">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/imageView"
            android:layout_gravity="center"
            android:src="@drawable/sudoku_grid_2"
            android:scaleType="fitXY"/>

        <GridView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/sudoku_grid"
            android:layout_gravity="center"
            android:numColumns="9"
            android:verticalSpacing="10dp"
            android:horizontalSpacing="5dp"/>


</FrameLayout>

每个网格项的大小也以dps为单位。

如何让我的应用程序得到不同尺寸和密度的屏幕支持？