03 - LayoutPanels例子 - SimpleWrap

SimpleWrap.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"
             x:Class="MauiViews.MauiDemos.Book._03.SimpleWrap"
             Title="SimpleWrap" HeightRequest="142" WidthRequest="431">
    <FlexLayout Margin="3" Wrap="Wrap" Direction="Row" AlignItems="Stretch" >
        <Button Text="Top Button" VerticalOptions="Start"/>
        <Button Text="Tall Button 2" MinimumHeightRequest="60" VerticalOptions="Fill"/>
        <Button Text="Bottom Button" VerticalOptions="End"/>
        <Button Text="Stretch Button" VerticalOptions="Fill"/>
        <Button Text="Centered Button" VerticalOptions="Center"/>
    </FlexLayout>
</ContentPage>

对应的cs代码，默认无修改

namespace MauiViews.MauiDemos.Book._03;

public partial class SimpleWrap : ContentPage
{
	public SimpleWrap()
	{
		InitializeComponent();
	}
}

运行效果