我想做一个和下图一样的设计
[！[范例][1]][1] [1]：https://i.stack.imgur.com/Gzlj0.png
但是我不知道如何开始。我有一个想法，使它与Frames和Grid。类似的东西：

<StackLayout>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Frame Grid.Row="1" BackgroundColor="Gray">
            </Frame>
            <Frame BackgroundColor="LightGray" Grid.Row="2">
           </Frame>
        </Grid>
    </StackLayout>

但我不知道如何使帧大小可调整时，点击它。我想要任何一种开始