如何使用2个视图框创建自定义控件来绘制线条？

Posted 2021-04-02

我知道我们可以使用视图框来模拟xaml中的一行

<BoxView  
    VerticalOptions="Fill"
    HorizontalOptions="Center"
    WidthRequest="1"
    Color="Black"/>

这将创建一条垂直线，但我想创建类似：

我想知道网格是否足以创建类似的东西

如何使用视图框从下到上绘制垂直线直到中间，然后使用其他视图框从中到右

我正在考虑使用stacklayout而不是网格，然后使用StackOrientation.Vertical和LayoutOptions.Center，但我不确切知道如何继续。

最好或最简单的方法是什么？

答案

我已经创建了类似于您正在寻找的东西：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Border Grid.ColumnSpan="2" Grid.RowSpan="2" BorderBrush="Black" BorderThickness="4">

    </Border>
    <Border Grid.Column="2" Grid.Row="2" BorderBrush="Black" BorderThickness="4">

    </Border>
</Grid>

PS：只需确保第一个边框内的控件不会越过网格内第二行的第一列，因为第二个边框与第一个边框重叠。