Change your GridLayout
to LinearLayout
as follows:
<TextView
android:id="@+id/tile00"
style="@style/GameTile"
android:text=" "/>
<TextView
android:id="@+id/tile01"
style="@style/GameTile"
android:text="X"/>
<TextView
android:id="@+id/tile02"
style="@style/GameTile"
android:text="O"/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/gridTitle">
<TextView
android:id="@+id/tile10"
style="@style/GameTile"
android:text=""/>
<TextView
android:id="@+id/tile11"
style="@style/GameTile"
android:text="O"/>
<TextView
android:id="@+id/tile12"
style="@style/GameTile"
android:text="X"/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/gridTitle">
<TextView
android:id="@+id/tile20"
style="@style/GameTile"
android:text=""/>
<TextView
android:id="@+id/tile21"
style="@style/GameTile"
android:text="X"/>
<TextView
android:id="@+id/tile22"
style="@style/GameTile"
android:text="O"/>
</LinearLayout>
And your style as:
<style name="GameTile">
<item name="android:textSize">60sp</item>
<item name="android:layout_gravity">fill</item>
<item name="android:gravity">center</item>
<item name="android:paddingLeft">@dimen/padding_grid_text</item>
<item name="android:paddingRight">@dimen/padding_grid_text</item>
<item name="android:fontFamily">Roboto-Thin</item>
<item name="android:background">@color/gray</item>
<item name="android:layout_margin">@dimen/margin_grid_cell</item>
<item name="android:layout_weight">1</item>
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">wrap_content</item>
</style>