wpf - 在 WPF 中创建侧边栏 - 类似于 Windows 桌面应用程序的弹出窗口

Question

我想要做的是在 WPF 中创建一个桌面应用程序，其 UI 是这样一个小图标将保持固定在屏幕左边缘的中心，并且在单击（或悬停）时将滑动打开一个侧边栏（如谷歌桌面栏）沿屏幕左边缘运行（固定位置，不能移动）。

请注意，我所要求的可能类似于应用程序栏，但我不希望像应用程序栏那样移动左边缘的桌面图标，即我不希望它占用桌面空间... .谁能给我一个出路？？

我已经使用它实现了部分解决方案，但我无法获得幻灯片动画和固定位置来锻炼

Answer 1

像这样的东西可以工作：

那么当然你可以为侧边栏创建一个动画幻灯片。这显示了（部分）透明度和切换原理。

XAML：

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        WindowStyle="None" Topmost="True" WindowState="Maximized" 
        AllowsTransparency="True" Background="Transparent">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Rectangle Name="rect" Width="100" VerticalAlignment="Stretch" Fill="#99000000" Visibility="Collapsed" />
        <Button Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Width="32" Height="32" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Right" Background="White" Click="Button_Click">&gt;</Button>
    </Grid>
</Window>

C＃：

private void Button_Click(object sender, RoutedEventArgs e)
{
    if (rect.Visibility == System.Windows.Visibility.Collapsed)
    {
        rect.Visibility = System.Windows.Visibility.Visible;
        (sender as Button).Content = "<";
    }
    else 
    {
        rect.Visibility = System.Windows.Visibility.Collapsed;
        (sender as Button).Content = ">";
    }        
}

Answer 2

基于这个答案和这个网站上的更多答案，我做了一个侧栏，我喜欢这个结果，所以我做了一个回购。

https://github.com/beto-rodriguez/MaterialMenu

你也可以从 nuget 安装它。

这是一个例子

<materialMenu:SideMenu HorizontalAlignment="Left" x:Name="Menu"
                           MenuWidth="300"
                           Theme="Default"
                           State="Hidden">
        <materialMenu:SideMenu.Menu>
            <ScrollViewer VerticalScrollBarVisibility="Hidden">
                <StackPanel Orientation="Vertical">
                    <Border Background="#337AB5">
                        <Grid Margin="10">
                            <TextBox Height="150" BorderThickness="0" Background="Transparent"
                                VerticalContentAlignment="Bottom" FontFamily="Calibri" FontSize="18"
                                Foreground="WhiteSmoke" FontWeight="Bold">Welcome</TextBox>
                        </Grid>
                    </Border>
                    <materialMenu:MenuButton Text="Administration"></materialMenu:MenuButton>
                    <materialMenu:MenuButton Text="Packing"></materialMenu:MenuButton>
                    <materialMenu:MenuButton Text="Logistics"></materialMenu:MenuButton>
                </StackPanel>
          </ScrollViewer>
     </materialMenu:SideMenu.Menu>
</materialMenu:SideMenu>