qhmes/yy-admin-master/YY.Admin/Views/Control/SidebarControl.xaml

<UserControl x:Class="YY.Admin.Views.Control.SidebarControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:prism="http://prismlibrary.com/"
             xmlns:md="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:hc="https://handyorg.github.io/handycontrol"
             xmlns:core="clr-namespace:YY.Admin.Core;assembly=YY.Admin.Core"
             xmlns:ctls="clr-namespace:YY.Admin.Core.Controls;assembly=YY.Admin.Core"
             xmlns:local="clr-namespace:YY.Admin.Views.Control">

    <UserControl.Resources>

        <!-- AntDesign 模板 -->
        <DataTemplate x:Key="AntDesignIconTemplate">
            <TextBlock 
                FontFamily="{StaticResource AntDesignIcon}" 
                FontSize="22" 
                Text="{Binding Icon}" 
                Margin="0,0,0,5"
                HorizontalAlignment="Center"/>
        </DataTemplate>

        <!-- MaterialDesign 模板 -->
        <DataTemplate x:Key="MaterialDesignIconTemplate">
            <md:PackIcon 
                Kind="{Binding Icon}"
                Width="22"
                Height="22"
                Margin="0,0,0,5" 
                HorizontalAlignment="Center"/>
        </DataTemplate>

        <!-- FontAwesome 模板 -->
        <DataTemplate x:Key="FontawesomeIconTemplate">
            <ctls:FontAwesomeIcon 
                Icon="{Binding Icon}" 
                FontSize="22"
                Margin="0,0,0,5" 
                HorizontalAlignment="Center"/>
        </DataTemplate>

        <DataTemplate x:Key="NavItemTemplate">
            <StackPanel Orientation="Vertical" Margin="5" HorizontalAlignment="Center">
                <ContentControl>
                    <ContentControl.Style>
                        <Style TargetType="ContentControl">
                            <!-- 默认模板（AntDesign） -->
                            <Setter Property="ContentTemplate" Value="{StaticResource AntDesignIconTemplate}"/>
                            <!-- 绑定数据上下文 -->
                            <Setter Property="Content" Value="{Binding}"/>

                            <!-- 触发器根据 IconType 切换模板 -->
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding IconType}" Value="{x:Static core:IconTypeEnum.MaterialDesign}">
                                    <Setter Property="ContentTemplate" Value="{StaticResource MaterialDesignIconTemplate}"/>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding IconType}" Value="{x:Static core:IconTypeEnum.FontAwesome}">
                                    <Setter Property="ContentTemplate" Value="{StaticResource FontawesomeIconTemplate}"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </ContentControl.Style>
                </ContentControl>
                <TextBlock Text="{Binding Name}" FontSize="12" TextTrimming="CharacterEllipsis" TextWrapping="NoWrap" TextAlignment="Center"/>
            </StackPanel>
        </DataTemplate>

        <Style x:Key="NavItemStyle" TargetType="ListBoxItem" BasedOn="{StaticResource ListBoxItemBaseStyle}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Grid x:Name="templateRoot" Margin="0,0,0,5">
                            <!-- 左侧指示器 -->
                            <Border 
                                x:Name="indicator" 
                                Width="4" 
                                HorizontalAlignment="Left" 
                                VerticalAlignment="Center"
                                Margin="6,0,0,0"
                                CornerRadius="2"
                                Background="{DynamicResource PrimaryBrush}"
                                Opacity="0"
                                Panel.ZIndex="1"
                                Height="{Binding ActualHeight, ElementName=templateRoot, Converter={StaticResource PercentageConverter}, ConverterParameter=0.4}">
                                <Border.RenderTransform>
                                    <TranslateTransform Y="10"/>
                                </Border.RenderTransform>
                            </Border>

                            <!-- 内容边框 -->
                            <Border x:Name="border" CornerRadius="6" Background="Transparent" Margin="5,0">
                                <ContentPresenter x:Name="content" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            </Border>
                        </Grid>

                        <ControlTemplate.Triggers>
                            <!-- 选中动画 -->
                            <Trigger Property="IsSelected" Value="True">
                                <Setter TargetName="border" Property="Background" Value="{DynamicResource SecondaryRegionBrush}"/>
                                <Setter TargetName="content" Property="TextBlock.Foreground" Value="{DynamicResource PrimaryBrush}"/>
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation 
                                                Storyboard.TargetName="indicator"
                                                Storyboard.TargetProperty="Opacity"
                                                To="0.8"
                                                Duration="0:0:0.25"/>
                                            <DoubleAnimation 
                                                Storyboard.TargetName="indicator"
                                                Storyboard.TargetProperty="RenderTransform.(TranslateTransform.Y)"
                                                To="0"
                                                Duration="0:0:0.25"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation 
                                                Storyboard.TargetName="indicator"
                                                Storyboard.TargetProperty="Opacity"
                                                To="0"
                                                Duration="0:0:0.25"/>
                                            <DoubleAnimation 
                                                Storyboard.TargetName="indicator"
                                                Storyboard.TargetProperty="RenderTransform.(TranslateTransform.Y)"
                                                To="10"
                                                Duration="0:0:0.25"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>
                            </Trigger>

                            <!-- 鼠标悬停 -->
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="border" Property="Background" Value="{DynamicResource SecondaryRegionBrush}"/>
                                <Setter TargetName="content" Property="TextBlock.Foreground" Value="{DynamicResource PrimaryBrush}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <!-- 鼠标点击触发命令 -->
            <EventSetter Event="PreviewMouseLeftButtonDown" Handler="OnNavItemMouseDown"/>
        </Style>

    </UserControl.Resources>

    <Border BorderBrush="{DynamicResource BorderBrush}" BorderThickness="0,0,1,0">
        <Grid>
            <Grid.RowDefinitions>
                <!-- 上部占满剩余空间 -->
                <RowDefinition Height="*"/>
                <!-- 底部自适应 -->
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <!-- 上半部分：主导航 -->
            <ListBox 
                Grid.Row="0"
                Padding="0,5,0,0"
                BorderThickness="0"
                hc:BorderElement.CornerRadius="0"
                ItemsSource="{Binding TopNavItems}"
                SelectedItem="{Binding SelectedTopNavItem, Mode=TwoWay}"
                ItemTemplate="{StaticResource NavItemTemplate}"
                ItemContainerStyle="{StaticResource NavItemStyle}">
                <!--<i:Interaction.Triggers>
                <i:EventTrigger EventName="SelectionChanged">
                    <prism:InvokeCommandAction 
                        Command="{Binding NavItemClickCommand}" 
                        CommandParameter="{Binding SelectedItem, RelativeSource={RelativeSource AncestorType=ListBox}}"/>
                </i:EventTrigger>
            </i:Interaction.Triggers>-->
            </ListBox>

            <!-- 底部部分：固定操作 -->
            <ListBox 
                Grid.Row="1"
                Padding="0"
                BorderThickness="0"
                hc:BorderElement.CornerRadius="0"
                ItemsSource="{Binding BottomNavItems}"
                SelectedItem="{Binding SelectedBottomNavItem, Mode=TwoWay}"
                ItemTemplate="{StaticResource NavItemTemplate}"
                ItemContainerStyle="{StaticResource NavItemStyle}"/>
        </Grid>
    </Border>
</UserControl>