如何使一个矩形填充整个屏幕的四分之一，而另一个矩形填充整个屏幕？

Question

我创建了一个layer-list，以使两个矩形充满屏幕。这是代码：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <size
                android:width="40dp"
                android:height="40dp" />
            <solid android:color="@android:color/white" />
        </shape>
    </item>

    <item android:top="10dp">
        <shape android:shape="rectangle">
            <size
                android:width="30dp"
                android:height="50dp" />
            <corners android:topLeftRadius="3dp" android:topRightRadius="3dp"
                android:bottomLeftRadius="0dp" android:bottomRightRadius="0dp"/>
            <gradient
                android:angle="90"
                android:startColor="#227E22"
                android:centerColor="#479318"
                android:endColor="#63A211"
                android:type="linear" />
        </shape>
    </item>
</layer-list>

我将上述drawable文件包含在我的activity.xml中，方法是将其设置为background，如下所示：

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/two_rectangles"
    tools:context=".MainActivity">

我希望第一个矩形填充屏幕的四分之一，另一个矩形填充屏幕的其余部分。我怎么做？当查看我的activity.xml的“设计”标签时，它的填充方式不正确。