如何使用两个框架的绝对布局？

Question

我正在使用绝对布局，我想添加两个网格。第一帧占3/1，第二帧占剩余的屏幕空间。那么该怎么做呢？

我正在使用：

{{1}}

Answer 1

使用AbsoluteLayout比例值：

<AbsoluteLayout>
    <Frame AbsoluteLayout.LayoutBounds="0,0,1,.33" AbsoluteLayout.LayoutFlags="All" BackgroundColor="Red" >
       ~~~
    </Frame>
    <Frame AbsoluteLayout.LayoutBounds="1,1,1,.67" AbsoluteLayout.LayoutFlags="All" BackgroundColor="Green" >
       ~~~
    </Frame>
</AbsoluteLayout>

re：https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/layouts/absolute-layout#absolutelayoutflags

Answer 2

您可以使用Grid来做到这一点。设备的每个高度方向计算为10 *。在这里，我为顶部分配了3 *，在底部分配了7 *。它将与所有设备兼容

<Grid>
   <Grid.RowDefinitions>
     <RowDefinition Height="3*"/> // top
     <RowDefinition Height="7*"/> // bottom
   </Grid.RowDefinitions>
<Grid/>

并添加所需的内容

 <Grid Grid.Row="0">
   // view here for top red space
 <Grid/>

 <Grid Grid.Row="1">
  // view here for orange
 <Grid/>