Xamarin.forms xamarin型的层次结构

需要绘制一个层次结构，如下图所示

我建议您使用一个工具来实现图像上的布局

下面是一个如何使用网格实现所需层次结构的示例：

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

    //TOP
    <StackLayout Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="4" HorizontalOptions="Center">
        <Image Source="image_top" />
    </StackLayout>

    //CENTER
    <StackLayout Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" HorizontalOptions="Center">
        <Image Source="image_center_left" />
    </StackLayout>
    <StackLayout Grid.Row="1" Grid.Column="3" Grid.ColumnSpan="2" HorizontalOptions="Center">
        <Image Source="image_center_right" />
    </StackLayout>

    //BOTTOM
    <StackLayout Grid.Row="2" Grid.Column="0" HorizontalOptions="Center">
        <Image Source="image_bottom_far_left" />
    </StackLayout>
    <StackLayout Grid.Row="2" Grid.Column="1" HorizontalOptions="Center">
        <Image Source="image_bottom_left" />
    </StackLayout>
    <StackLayout Grid.Row="2" Grid.Column="2" HorizontalOptions="Center">
        <Image Source="image_bottom_right" />
    </StackLayout>
    <StackLayout Grid.Row="2" Grid.Column="3" HorizontalOptions="Center">
        <Image Source="image_bottom_far_right" />
    </StackLayout>
</Grid>

---

注意：如果您想使用连接层次结构的线条（假设它们是图像），则需要添加两行额外的行，并将它们添加到图像行之间。

您的问题是什么？我希望xamarin.form布局如下。首先，你的问题似乎没有努力寻找解决方案，至少提供一些背景信息，或者至少提供你到目前为止尝试过的东西，以供将来参考，尽量不要问我想这样做的问题，告诉我怎么做，尽管如此，我建议你使用网格布局。这是我需要的一个很好的解释。你能帮我打个电话吗？比如我怎样才能画一条线@里卡多·迪亚斯Morais@abhi如果这是您需要的，请确保将其标记为正确的anwser，关于线条，您可以使用高度为2/3的boxview:，这样您可以模拟线条，也可以使用图像，但如果其宽度是动态的，则可能会拉伸