Having a TableRow take whatever height is left in an Android TableLayout

Question

I'm porting a board game from Windows Phone to Android and struggle a lot with the Android layout system.

This is the layout of the main page on Windows Phone:

I have a Grid with row definitions like this:

<Grid.RowDefinitions>
    <RowDefinition Height="Auto"/>
    <RowDefinition Height="*"/>
</Grid.RowDefinitions>

This means the controls at the bottom get whatever height is left after the board in the top row has taken what it needs. The board size updates itself at runtime to use the smallest of it's width and height, so that it becomes a square.

I'm almost getting what I want when using a RelativeLayout as root layout, but my problem with RelativeLayout as root layout is that the controls at the bottom ends up filling the entire screen.

I've done several attempts to use a TableLayout as root layout with two TableRows as children, where the first TableRow has android:height="match_parent" or "wrap_content" and the second TableRow has android:height="wrap_content". Even though I set the board size at runtime, Android doesn't resize the TableRow like Windows Phone does, so the first TableRow takes up the entire screen.

How would an expert on the Android layout system attack a problem like this? I've got an alpha release up at Google Play that looks quite well on a 7" tablet, but on phones with high DPI screens it looks like this:

---

Update: As Luksprog suggested in a comment, I now use a LinearLayout with the first element having android:layout_height="0dp" and android:layout_weight="1" and the second part having android:layout_height="wrap_content". At first it didn't seem to do what I wanted, because the part at the bottom ended up taking the entire screen as I've experienced on several attempts before.

However after doing some modifications to the "wrap_content" and "match_parent" settings of the elements inside the fragments, I now get a layout that is close to what I want, and it scales quite well on high DPI phones as long as I stick with px instead of dp values for all bitmaps (against all recommendations in the Android guidelines).

Here's is the updated layout and a screenshot showing the result:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<!-- Board -->
    <EivindApps.Ludo.Droid.Views.BoardView
        android:id="@+id/boardView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
<!-- Game info layout -->
    <LinearLayout
        android:id="@+id/gameInfoLayout"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    <!-- Left column -->
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1">
        <!-- Red player -->
            <fragment
                android:name="EivindApps.Ludo.Droid.Views.PlayerInfoFragment"
                android:id="@+id/redPlayerInfoFragment"
                android:layout_margin="5dp"
                android:layout_alignParentLeft="true"
                android:layout_alignParentTop="true"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content" />
        <!-- Blue player -->
            <fragment
                android:name="EivindApps.Ludo.Droid.Views.PlayerInfoFragment"
                android:id="@+id/bluePlayerInfoFragment"
                android:layout_margin="5dp"
                android:layout_alignParentBottom="true"
                android:layout_alignParentLeft="true"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:layout_width="wrap_content" />
        </LinearLayout>
    <!-- Middle column -->
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
        <!-- Dice -->
            <fragment
                android:name="EivindApps.Ludo.Droid.Views.DiceFragment"
                android:id="@+id/diceFragment"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:layout_gravity="center_vertical" />
        </LinearLayout>
    <!-- Right column -->
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1">
        <!-- Yellow player -->
            <fragment
                android:name="EivindApps.Ludo.Droid.Views.PlayerInfoFragment"
                android:id="@+id/yellowPlayerInfoFragment"
                android:layout_margin="5dp"
                android:layout_alignParentRight="true"
                android:layout_alignParentTop="true"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:layout_toRightOf="@+id/redPlayerInfoFragment" />
        <!-- Green player -->
            <fragment
                android:name="EivindApps.Ludo.Droid.Views.PlayerInfoFragment"
                android:id="@+id/greenPlayerInfoFragment"
                android:layout_margin="5dp"
                android:layout_alignParentRight="true"
                android:layout_alignParentBottom="true"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/bluePlayerInfoFragment"
                android:layout_width="wrap_content" />
        </LinearLayout>
    </LinearLayout>
<!-- End of game info layout -->
</LinearLayout>