MultiDirectionExpanders.axaml代码

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Height="327.2" Width="328.8"
        x:Class="AvaloniaUI.MultiDirectionExpanders"
        Title="MultiDirectionExpanders">
    <Grid RowDefinitions="auto,auto" ColumnDefinitions="*,*">
        <Expander Margin="5" Padding="5" Header="Region One"        
                  BorderThickness="1" BorderBrush="Black">
            <TextBlock TextWrapping="Wrap">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                Nam mi sapien, viverra et, lacinia varius, ullamcorper sed, sapien.
            </TextBlock>
        </Expander>

        <Expander Grid.Column="1" 
                  Margin="5" Padding="5" Header="Region Two" ExpandDirection="Right"
                  BorderThickness="1" BorderBrush="Black">
            <TextBlock TextWrapping="Wrap">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                Nam mi sapien, viverra et, lacinia varius, ullamcorper sed, sapien.
            </TextBlock>
        </Expander>

        <Expander Grid.Row="1"   
                  Margin="5" Padding="5" Header="Region Three" ExpandDirection="Up"   
                  BorderThickness="1" BorderBrush="Black">
            <TextBlock TextWrapping="Wrap">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                Nam mi sapien, viverra et, lacinia varius, ullamcorper sed, sapien.
            </TextBlock>
        </Expander>

        <Expander Grid.Row="1" Grid.Column="1"
                  Margin="5" Padding="5" Header="Region Three" ExpandDirection="Left"
                  BorderThickness="1" BorderBrush="Black">
            <TextBlock TextWrapping="Wrap">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                Nam mi sapien, viverra et, lacinia varius, ullamcorper sed, sapien.
            </TextBlock>
        </Expander>
    </Grid>
</Window>

MultiDirectionExpanders.axaml.cs代码

using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;

namespace AvaloniaUI;

public partial class MultiDirectionExpanders : Window
{
    public MultiDirectionExpanders()
    {
        InitializeComponent();
    }
}

运行效果

 

posted on 2025-07-22 20:46  dalgleish  阅读(7)  评论(0)    收藏  举报