如何在使用layout_weight设置高度时将视图置于彼此之上

Question

我正在创建自定义媒体播放器。但是，我有一个问题，就是用所需的部分来存储彼此的观点。我在下图中说明了我的目标。

我对此图片的顶部和底部没有任何问题。我的问题是我想把紫色区域放在SurfaceView的顶部，而它的高度是红色区域总高度的0.2。

注意：我使用RelativeLayout作为红色区域，并将紫色区域放在正确的位置（layout_alignParentBottom="true"），但我不知道如何设置它的高度，就像我们在LinearLayout中所做的那样Layout_weight。

编辑：这是红色部分的xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <RelativeLayout 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
        <SurfaceView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />  
        <mypackages.MediaPlayerController
            android:id="@+id/mediaPlayerController1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true">
        </mypackages.MyMediaController>

    </RelativeLayout>
</LinearLayout>

和MyMediaController的布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" 
        android:layout_weight="1"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="4dp"
        android:orientation="horizontal"
        android:layout_gravity="center">

        <SeekBar
            android:id="@+id/sb"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" 
        android:layout_weight="1"
        android:orientation="horizontal"
        android:layout_gravity="left">
        <mypackages.CircularImageButton
            android:id="@+id/ci1"
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:layout_weight="0.1"
            app:border="true"
            app:border_color="@color/c1"
            app:border_width="2dp"
            app:shadow="true"
            app:shadow_radius="1"
            app:shadow_color="@android:color/black"
            android:src="@drawable/mediapause" />
        <mypackages.CircularImageButton
            android:id="@+id/ci2"
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            android:layout_weight="0.1"
            app:border="true"
            app:border_color="@color/c1"
            app:border_width="2dp"
            app:shadow="true"
            app:shadow_radius="1"
            app:shadow_color="@android:color/black"
            android:src="@drawable/volumeon" />
    </LinearLayout>

</LinearLayout>