03 - LayoutPanels例子 - DoubleSplitWindow

基于之前写GridSplitter，完善下另一个例子。

DoubleSplitWindow.xaml对应代码

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:Shares.Utility;assembly=Shares"
             x:Class="MauiViews.MauiDemos.Book._03.DoubleSplitWindow"
             Title="DoubleSplitWindow" HeightRequest="300" WidthRequest="300">
    <Grid ColumnDefinitions="*,auto,*">
        <Grid VerticalOptions="Fill" RowDefinitions="*,*">
            <Button Margin="3" Grid.Row="0" Text="Top Left"/>
            <Button Margin="3" Grid.Row="1" Text="Bottom Left"/>
        </Grid>

        <local:GridSplitter Grid.Column="1" BackgroundColor="DarkGray"
                          WidthRequest="6" CornerRadius="30" IsRowSplitter="False"/>

        <Grid Grid.Column="2" RowDefinitions="*,auto,*">
            <Button Grid.Row="0" Margin="3" Text="Top Right"/>
            <Button Grid.Row="2" Margin="3" Text="Bottom Right"/>
            <local:GridSplitter Grid.Row="1" BackgroundColor="DarkGray"
                              CornerRadius="30" HeightRequest="6" IsRowSplitter="True"/>
        </Grid>
    </Grid>
</ContentPage>

 

对应cs代码默认，运行效果。