SidebarMenu.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="326.4" Width="456.8"
        x:Class="AvaloniaUI.SidebarMenu"
        Title="SidebarMenu">
    <DockPanel Margin="5" LastChildFill="True">
        <Border BorderBrush="SteelBlue" BorderThickness="1" DockPanel.Dock="Left">
            <ScrollViewer VerticalAlignment="Top">
                <Menu>
                    <Menu.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Background="White"/>
                        </ItemsPanelTemplate>
                    </Menu.ItemsPanel>

                    <MenuItem Header="File">
                        <MenuItem Header="New"/>
                        <MenuItem IsEnabled="False"
                                  Background="PaleGoldenrod"
                                  Margin="4"
                                  Padding="6,4"
                                  BorderBrush="Black"
                                  BorderThickness="1">
                            <MenuItem.Header>
                                <TextBlock FontWeight="Bold" Text="Editing Commands"/>
                            </MenuItem.Header>
                        </MenuItem>
                        <MenuItem Header="Open"/>
                        <MenuItem Header="Save"/>
                    </MenuItem>

                    <MenuItem Header="Help"/>
                </Menu>
            </ScrollViewer>
        </Border>

        <TextBox Margin="5,0,0,0" TextWrapping="Wrap"
                 Text="Other content goes here."/>
    </DockPanel>
</Window>

SidebarMenu.axaml.cs代码

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

namespace AvaloniaUI;

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

运行效果

image

 

posted on 2026-04-06 04:48  dalgleish  阅读(3)  评论(0)    收藏  举报