490 lines
26 KiB
XML
490 lines
26 KiB
XML
<ResourceDictionary
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:controls="clr-namespace:WPFluent.Controls">
|
|
<ResourceDictionary.MergedDictionaries>
|
|
<ResourceDictionary Source="pack://application:,,,/WPFluent;component/Controls/NavigationView/NavigationViewBasePaneButtonStyle.xaml" />
|
|
<ResourceDictionary Source="pack://application:,,,/WPFluent;component/Controls/NavigationView/NavigationViewItemDefaultStyle.xaml" />
|
|
<ResourceDictionary Source="pack://application:,,,/WPFluent;component/Controls/NavigationView/NavigationViewConstants.xaml" />
|
|
</ResourceDictionary.MergedDictionaries>
|
|
|
|
<ControlTemplate x:Key="LeftCompactNavigationViewItemTemplate" TargetType="{x:Type controls:NavigationViewItem}">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
<Border
|
|
x:Name="MainBorder"
|
|
Grid.Row="0"
|
|
MinWidth="40"
|
|
MinHeight="40"
|
|
Margin="0"
|
|
Padding="0"
|
|
BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="1"
|
|
CornerRadius="{TemplateBinding Border.CornerRadius}">
|
|
<Border.Style>
|
|
<Style TargetType="{x:Type Border}">
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Style.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter Property="Background" Value="{DynamicResource NavigationViewItemBackgroundPointerOver}" />
|
|
</Trigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</Border.Style>
|
|
<Grid Background="Transparent">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="40" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<Grid Grid.Column="0">
|
|
<ContentPresenter
|
|
x:Name="IconContentPresenter"
|
|
Margin="-1,0,0,0"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Content="{TemplateBinding Icon}"
|
|
Focusable="False"
|
|
TextElement.FontSize="18"
|
|
TextElement.Foreground="{DynamicResource NavigationViewItemForeground}" />
|
|
</Grid>
|
|
|
|
<Rectangle
|
|
x:Name="ActiveRectangle"
|
|
Grid.Column="0"
|
|
Width="3"
|
|
Height="16"
|
|
Margin="0"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Center"
|
|
Fill="{DynamicResource NavigationViewSelectionIndicatorForeground}"
|
|
Opacity="0.0"
|
|
RadiusX="2"
|
|
RadiusY="2" />
|
|
|
|
<ContentPresenter
|
|
x:Name="ElementContentPresenter"
|
|
Grid.Column="1"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Center"
|
|
Content="{TemplateBinding Content}"
|
|
TextElement.FontSize="14"
|
|
TextElement.Foreground="{TemplateBinding Foreground}" />
|
|
|
|
<ContentPresenter
|
|
x:Name="PART_InfoBadge"
|
|
Grid.Column="2"
|
|
Margin="0"
|
|
Content="{TemplateBinding InfoBadge}" />
|
|
|
|
<Grid
|
|
x:Name="PART_ChevronGrid"
|
|
Grid.Column="3"
|
|
Width="0"
|
|
Visibility="Collapsed">
|
|
<controls:SymbolIcon
|
|
x:Name="ChevronIcon"
|
|
Margin="0"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
FontSize="{StaticResource NavigationViewItemChevronSize}"
|
|
Foreground="{DynamicResource NavigationViewItemForeground}"
|
|
RenderTransformOrigin="0.5, 0.5"
|
|
Symbol="ChevronDown24">
|
|
<controls:SymbolIcon.RenderTransform>
|
|
<RotateTransform Angle="0" />
|
|
</controls:SymbolIcon.RenderTransform>
|
|
</controls:SymbolIcon>
|
|
</Grid>
|
|
</Grid>
|
|
</Border>
|
|
<ItemsControl
|
|
x:Name="MenuItemsPresenter"
|
|
Grid.Row="1"
|
|
Focusable="False"
|
|
ItemsSource="{TemplateBinding MenuItems}"
|
|
KeyboardNavigation.DirectionalNavigation="Contained"
|
|
Opacity="0.0"
|
|
ScrollViewer.HorizontalScrollBarVisibility="Disabled"
|
|
ScrollViewer.VerticalScrollBarVisibility="Disabled"
|
|
Visibility="Collapsed">
|
|
<ItemsControl.ItemsPanel>
|
|
<ItemsPanelTemplate>
|
|
<StackPanel Margin="0" IsItemsHost="True" />
|
|
</ItemsPanelTemplate>
|
|
</ItemsControl.ItemsPanel>
|
|
<ItemsControl.Resources>
|
|
<Style BasedOn="{StaticResource NavigationViewItemDefaultStyle}" TargetType="{x:Type controls:NavigationViewItem}">
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="{x:Type controls:NavigationViewItem}">
|
|
<Border
|
|
x:Name="MainBorder"
|
|
Height="40"
|
|
HorizontalAlignment="Stretch"
|
|
BorderThickness="1"
|
|
CornerRadius="4">
|
|
<Grid Margin="30,0,0,0" HorizontalAlignment="Stretch">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" MinWidth="180" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<Rectangle
|
|
x:Name="ActiveRectangle"
|
|
Grid.Column="0"
|
|
Width="3"
|
|
Height="16"
|
|
Margin="0"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Center"
|
|
Fill="{DynamicResource NavigationViewSelectionIndicatorForeground}"
|
|
Opacity="0.0"
|
|
RadiusX="2"
|
|
RadiusY="2" />
|
|
|
|
<ContentPresenter
|
|
x:Name="IconContentPresenter"
|
|
Grid.Column="1"
|
|
Margin="6,0,3,0"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Content="{TemplateBinding Icon}"
|
|
Focusable="False"
|
|
TextElement.FontSize="18"
|
|
TextElement.Foreground="{DynamicResource NavigationViewItemForeground}"
|
|
Visibility="{TemplateBinding Icon,
|
|
Converter={StaticResource NullToVisibilityConverter}}" />
|
|
<ContentPresenter
|
|
x:Name="ElementContentPresenter"
|
|
Grid.Column="2"
|
|
Margin="10,0,0,0"
|
|
HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Center"
|
|
Content="{TemplateBinding Content}"
|
|
TextElement.FontSize="14"
|
|
TextElement.Foreground="{TemplateBinding Foreground}" />
|
|
|
|
<ContentPresenter Grid.Column="3" Content="{TemplateBinding InfoBadge}" />
|
|
</Grid>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsActive" Value="True">
|
|
<Setter TargetName="ActiveRectangle" Property="Opacity" Value="1.0" />
|
|
<Setter TargetName="MainBorder" Property="Background" Value="{DynamicResource NavigationViewItemBackgroundSelected}" />
|
|
</Trigger>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="MainBorder" Property="Background" Value="{DynamicResource NavigationViewItemBackgroundPointerOver}" />
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="MainBorder" Property="Background" Value="{DynamicResource NavigationViewItemBackgroundPressed}" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
</ItemsControl.Resources>
|
|
</ItemsControl>
|
|
</Grid>
|
|
<ControlTemplate.Triggers>
|
|
|
|
<Trigger Property="IsPaneOpen" Value="True">
|
|
<Setter TargetName="PART_InfoBadge" Property="Grid.Column" Value="2" />
|
|
</Trigger>
|
|
<Trigger Property="IsPaneOpen" Value="False">
|
|
<Setter TargetName="PART_InfoBadge" Property="Grid.Column" Value="0" />
|
|
<Setter TargetName="PART_InfoBadge" Property="VerticalAlignment" Value="Top" />
|
|
<Setter TargetName="PART_InfoBadge" Property="HorizontalAlignment" Value="Right" />
|
|
</Trigger>
|
|
|
|
<Trigger Property="InfoBadge" Value="{x:Null}">
|
|
<Setter TargetName="PART_InfoBadge" Property="Margin" Value="0" />
|
|
<Setter TargetName="PART_InfoBadge" Property="Visibility" Value="Collapsed" />
|
|
</Trigger>
|
|
<Trigger Property="HasMenuItems" Value="True">
|
|
<Setter TargetName="PART_ChevronGrid" Property="Visibility" Value="Visible" />
|
|
<Setter TargetName="PART_ChevronGrid" Property="Width" Value="40" />
|
|
</Trigger>
|
|
<Trigger Property="IsExpanded" Value="True">
|
|
<Setter TargetName="MenuItemsPresenter" Property="Visibility" Value="Visible" />
|
|
<Trigger.EnterActions>
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<DoubleAnimation
|
|
Storyboard.TargetName="MenuItemsPresenter"
|
|
Storyboard.TargetProperty="(ItemsControl.Opacity)"
|
|
From="0.0"
|
|
To="1.0"
|
|
Duration="00:00:00.167" />
|
|
<DoubleAnimation
|
|
Storyboard.TargetName="ChevronIcon"
|
|
Storyboard.TargetProperty="(Control.RenderTransform).(RotateTransform.Angle)"
|
|
To="-180"
|
|
Duration="00:00:00.167" />
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</Trigger.EnterActions>
|
|
<Trigger.ExitActions>
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<DoubleAnimation
|
|
Storyboard.TargetName="MenuItemsPresenter"
|
|
Storyboard.TargetProperty="(ItemsControl.Opacity)"
|
|
From="1.0"
|
|
To="0.0"
|
|
Duration="00:00:00.167" />
|
|
<DoubleAnimation
|
|
Storyboard.TargetName="ChevronIcon"
|
|
Storyboard.TargetProperty="(Control.RenderTransform).(RotateTransform.Angle)"
|
|
To="0"
|
|
Duration="00:00:00.167" />
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</Trigger.ExitActions>
|
|
</Trigger>
|
|
|
|
<Trigger Property="IsActive" Value="True">
|
|
<Setter TargetName="ActiveRectangle" Property="Opacity" Value="1.0" />
|
|
<Setter TargetName="MainBorder" Property="Background" Value="{DynamicResource NavigationViewItemBackgroundSelected}" />
|
|
<!--<Setter TargetName="IconContentPresenter" Property="Filled" Value="True" /> -->
|
|
<!--<Setter TargetName="IconContentPresenter" Property="Foreground" Value="{DynamicResource SystemAccentBrush}" />-->
|
|
</Trigger>
|
|
<Trigger Property="Icon" Value="{x:Null}">
|
|
<Setter TargetName="IconContentPresenter" Property="Visibility" Value="Collapsed" />
|
|
</Trigger>
|
|
<MultiTrigger>
|
|
<MultiTrigger.Conditions>
|
|
<Condition Property="IsMouseOver" Value="True" />
|
|
<Condition Property="IsActive" Value="False" />
|
|
</MultiTrigger.Conditions>
|
|
<MultiTrigger.Setters>
|
|
<Setter TargetName="IconContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource NavigationViewItemForegroundPointerOver}" />
|
|
<Setter TargetName="ElementContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource NavigationViewItemForegroundPointerOver}" />
|
|
</MultiTrigger.Setters>
|
|
</MultiTrigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
|
|
<ControlTemplate x:Key="LeftNavigationViewTemplate" TargetType="{x:Type controls:NavigationView}">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<Grid
|
|
x:Name="PaneGrid"
|
|
Grid.Column="0"
|
|
Width="{TemplateBinding OpenPaneLength}"
|
|
Margin="4,0">
|
|
<Border x:Name="PaneBorder">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<!-- Back and Toggle buttons -->
|
|
<Grid Grid.Row="0">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<controls:Button
|
|
x:Name="PART_BackButton"
|
|
Grid.Row="0"
|
|
Margin="0,3,0,8"
|
|
HorizontalAlignment="Left"
|
|
IsEnabled="{TemplateBinding IsBackEnabled}"
|
|
Style="{StaticResource BasePaneButtonStyle}"
|
|
Visibility="{TemplateBinding IsBackButtonVisible,
|
|
Converter={StaticResource BackButtonVisibilityToVisibilityConverter}}">
|
|
<controls:Button.Icon>
|
|
<controls:SymbolIcon Symbol="ArrowLeft48" />
|
|
</controls:Button.Icon>
|
|
</controls:Button>
|
|
|
|
<controls:Button
|
|
x:Name="PART_ToggleButton"
|
|
Grid.Row="1"
|
|
Margin="0,3,0,8"
|
|
Style="{StaticResource BasePaneButtonStyle}"
|
|
Visibility="{TemplateBinding IsPaneToggleVisible,
|
|
Converter={StaticResource BooleanToVisConverter}}">
|
|
<controls:Button.Icon>
|
|
<controls:SymbolIcon Symbol="LineHorizontal320" />
|
|
</controls:Button.Icon>
|
|
<controls:Button.Content>
|
|
<TextBlock FontWeight="Medium" Text="{TemplateBinding PaneTitle}" />
|
|
</controls:Button.Content>
|
|
</controls:Button>
|
|
|
|
<!-- Pane header -->
|
|
<ContentPresenter
|
|
Grid.Row="2"
|
|
Margin="0"
|
|
Content="{TemplateBinding PaneHeader}" />
|
|
|
|
<!-- Auto Suggest Box -->
|
|
<ContentPresenter
|
|
x:Name="AutoSuggestBoxContentPresenter"
|
|
Grid.Row="3"
|
|
Margin="0"
|
|
Content="{TemplateBinding AutoSuggestBox}" />
|
|
|
|
<controls:Button
|
|
x:Name="PART_AutoSuggestBoxSymbolButton"
|
|
Grid.Row="3"
|
|
Margin="0,0,0,6"
|
|
Icon="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=AutoSuggestBox.Icon}"
|
|
Style="{StaticResource BasePaneButtonStyle}"
|
|
Visibility="Collapsed" />
|
|
</Grid>
|
|
|
|
<!-- Menu items -->
|
|
<controls:DynamicScrollViewer
|
|
Grid.Row="1"
|
|
Margin="0,0,-4,0"
|
|
Padding="0,0,4,0"
|
|
CanContentScroll="True"
|
|
HorizontalScrollBarVisibility="Disabled"
|
|
VerticalScrollBarVisibility="Auto">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="*" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
<ItemsControl
|
|
x:Name="PART_MenuItemsItemsControl"
|
|
Grid.Row="0"
|
|
Focusable="False"
|
|
KeyboardNavigation.DirectionalNavigation="Contained"
|
|
ScrollViewer.HorizontalScrollBarVisibility="Disabled"
|
|
ScrollViewer.VerticalScrollBarVisibility="Disabled">
|
|
<ItemsControl.ItemsPanel>
|
|
<ItemsPanelTemplate>
|
|
<StackPanel Margin="0" IsItemsHost="True" />
|
|
</ItemsPanelTemplate>
|
|
</ItemsControl.ItemsPanel>
|
|
</ItemsControl>
|
|
<ItemsControl
|
|
x:Name="PART_FooterMenuItemsItemsControl"
|
|
Grid.Row="1"
|
|
Margin="0,0,0,4"
|
|
Focusable="False"
|
|
KeyboardNavigation.DirectionalNavigation="Contained"
|
|
ScrollViewer.HorizontalScrollBarVisibility="Disabled"
|
|
ScrollViewer.VerticalScrollBarVisibility="Disabled">
|
|
<ItemsControl.ItemsPanel>
|
|
<ItemsPanelTemplate>
|
|
<StackPanel Margin="0" IsItemsHost="True" />
|
|
</ItemsPanelTemplate>
|
|
</ItemsControl.ItemsPanel>
|
|
</ItemsControl>
|
|
</Grid>
|
|
</controls:DynamicScrollViewer>
|
|
|
|
<!-- Pane footer -->
|
|
<ContentPresenter
|
|
Grid.Row="2"
|
|
Margin="0"
|
|
Content="{TemplateBinding PaneFooter}" />
|
|
</Grid>
|
|
</Border>
|
|
</Grid>
|
|
<Border
|
|
Grid.Column="1"
|
|
Margin="{TemplateBinding FrameMargin}"
|
|
Background="{DynamicResource NavigationViewContentBackground}"
|
|
BorderBrush="{DynamicResource NavigationViewContentGridBorderBrush}"
|
|
BorderThickness="1,1,0,0"
|
|
CornerRadius="8,0,0,0">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<!-- Header -->
|
|
<ContentPresenter
|
|
Grid.Row="0"
|
|
Margin="0"
|
|
Content="{TemplateBinding Header}"
|
|
Visibility="{TemplateBinding HeaderVisibility}" />
|
|
|
|
<!-- Page content -->
|
|
<controls:NavigationViewContentPresenter
|
|
x:Name="PART_NavigationViewContentPresenter"
|
|
Grid.Row="1"
|
|
Padding="{TemplateBinding Padding}"
|
|
Transition="{TemplateBinding Transition}"
|
|
TransitionDuration="{TemplateBinding TransitionDuration}" />
|
|
|
|
<!-- Overlay -->
|
|
<ContentPresenter
|
|
Grid.Row="0"
|
|
Grid.RowSpan="2"
|
|
Margin="0"
|
|
Content="{TemplateBinding ContentOverlay}" />
|
|
</Grid>
|
|
</Border>
|
|
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup Name="PaneStates">
|
|
<VisualState Name="PaneOpen">
|
|
<Storyboard>
|
|
<DoubleAnimation
|
|
AccelerationRatio="0.4"
|
|
Storyboard.TargetName="PaneGrid"
|
|
Storyboard.TargetProperty="Width"
|
|
From="40"
|
|
To="{TemplateBinding OpenPaneLength}"
|
|
Duration="0:0:.16" />
|
|
</Storyboard>
|
|
</VisualState>
|
|
<VisualState Name="PaneCompact">
|
|
<Storyboard>
|
|
<DoubleAnimation
|
|
AccelerationRatio="0.4"
|
|
Storyboard.TargetName="PaneGrid"
|
|
Storyboard.TargetProperty="Width"
|
|
From="{TemplateBinding OpenPaneLength}"
|
|
To="40"
|
|
Duration="0:0:.16" />
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
</Grid>
|
|
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsPaneOpen" Value="False">
|
|
<Setter TargetName="PaneGrid" Property="Width" Value="40" />
|
|
<Setter TargetName="PART_AutoSuggestBoxSymbolButton" Property="Visibility" Value="Visible" />
|
|
<Setter TargetName="AutoSuggestBoxContentPresenter" Property="Visibility" Value="Collapsed" />
|
|
<Setter TargetName="PART_ToggleButton" Property="Content" Value="{x:Null}" />
|
|
</Trigger>
|
|
<Trigger Property="AutoSuggestBox" Value="{x:Null}">
|
|
<Setter TargetName="PART_AutoSuggestBoxSymbolButton" Property="Visibility" Value="Collapsed" />
|
|
</Trigger>
|
|
<Trigger Property="PaneTitle" Value="{x:Null}">
|
|
<Setter TargetName="PART_ToggleButton" Property="Content" Value="{x:Null}" />
|
|
<Setter TargetName="PART_ToggleButton" Property="HorizontalAlignment" Value="Left" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
|
|
</ResourceDictionary>
|