390 lines
24 KiB
XML
390 lines
24 KiB
XML
<Application x:Class="Kniip.App"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
ShutdownMode="OnExplicitShutdown">
|
|
<Application.Resources>
|
|
<SolidColorBrush x:Key="AccentBrush" Color="#0067C0" />
|
|
<SolidColorBrush x:Key="AccentHoverBrush" Color="#1975C5" />
|
|
<SolidColorBrush x:Key="AccentPressedBrush" Color="#3183CA" />
|
|
<SolidColorBrush x:Key="WindowBrush" Color="#F3F3F3" />
|
|
<SolidColorBrush x:Key="ToolbarBrush" Color="#F9F9F9" />
|
|
<SolidColorBrush x:Key="HoverBrush" Color="#0F000000" />
|
|
<SolidColorBrush x:Key="PressedBrush" Color="#18000000" />
|
|
<SolidColorBrush x:Key="CheckedBrush" Color="#FFFFFF" />
|
|
<SolidColorBrush x:Key="DividerBrush" Color="#E5E5E5" />
|
|
<SolidColorBrush x:Key="InkBrush" Color="#1A1A1A" />
|
|
<SolidColorBrush x:Key="SubtleTextBrush" Color="#5C5C5C" />
|
|
<FontFamily x:Key="IconFont">Segoe Fluent Icons, Segoe MDL2 Assets</FontFamily>
|
|
|
|
<Style TargetType="ToolTip">
|
|
<Setter Property="FontFamily" Value="Segoe UI" />
|
|
</Style>
|
|
|
|
<Style x:Key="FlatButton" TargetType="ButtonBase">
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="BorderBrush" Value="Transparent" />
|
|
<Setter Property="BorderThickness" Value="1" />
|
|
<Setter Property="Foreground" Value="{StaticResource InkBrush}" />
|
|
<Setter Property="Padding" Value="8,5" />
|
|
<Setter Property="MinWidth" Value="36" />
|
|
<Setter Property="MinHeight" Value="34" />
|
|
<Setter Property="Margin" Value="1,0" />
|
|
<Setter Property="FontFamily" Value="Segoe UI" />
|
|
<Setter Property="FontSize" Value="13" />
|
|
<Setter Property="FocusVisualStyle" Value="{x:Null}" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ButtonBase">
|
|
<Border x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="4" Padding="{TemplateBinding Padding}"
|
|
SnapsToDevicePixels="True">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="{StaticResource HoverBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="{StaticResource PressedBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter Property="Opacity" Value="0.35" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="ProminentButton" TargetType="Button" BasedOn="{StaticResource FlatButton}">
|
|
<Setter Property="Background" Value="#ECECEC" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="4" Padding="{TemplateBinding Padding}"
|
|
SnapsToDevicePixels="True">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="#E0E0E0" />
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="#D4D4D4" />
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter Property="Opacity" Value="0.35" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="ToolToggle" TargetType="ToggleButton" BasedOn="{StaticResource FlatButton}">
|
|
<Setter Property="Padding" Value="6,4" />
|
|
<Setter Property="MinWidth" Value="38" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ToggleButton">
|
|
<Grid>
|
|
<Border x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="1" CornerRadius="4" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
|
|
</Border>
|
|
<Border x:Name="Indicator" Height="3" Width="16" CornerRadius="1.5" Background="{StaticResource AccentBrush}"
|
|
VerticalAlignment="Bottom" Margin="0,0,0,2" Visibility="Collapsed" />
|
|
</Grid>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="{StaticResource HoverBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="{StaticResource CheckedBrush}" />
|
|
<Setter TargetName="Bd" Property="BorderBrush" Value="#E0E0E0" />
|
|
<Setter TargetName="Indicator" Property="Visibility" Value="Visible" />
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="{StaticResource PressedBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter Property="Opacity" Value="0.35" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="AccentButton" TargetType="Button">
|
|
<Setter Property="Foreground" Value="White" />
|
|
<Setter Property="Background" Value="{StaticResource AccentBrush}" />
|
|
<Setter Property="Padding" Value="14,6" />
|
|
<Setter Property="MinHeight" Value="32" />
|
|
<Setter Property="FontFamily" Value="Segoe UI" />
|
|
<Setter Property="FontSize" Value="13" />
|
|
<Setter Property="Margin" Value="4,0" />
|
|
<Setter Property="FocusVisualStyle" Value="{x:Null}" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="Bd" Background="{TemplateBinding Background}" CornerRadius="4" Padding="{TemplateBinding Padding}">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="{StaticResource AccentHoverBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsPressed" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="{StaticResource AccentPressedBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter Property="Opacity" Value="0.45" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="SecondaryButton" TargetType="Button" BasedOn="{StaticResource FlatButton}">
|
|
<Setter Property="Background" Value="White" />
|
|
<Setter Property="BorderBrush" Value="#D6D6D6" />
|
|
<Setter Property="Padding" Value="12,5" />
|
|
<Setter Property="MinHeight" Value="32" />
|
|
<Setter Property="Margin" Value="4,0" />
|
|
</Style>
|
|
|
|
<Style x:Key="IconText" TargetType="TextBlock">
|
|
<Setter Property="FontFamily" Value="{StaticResource IconFont}" />
|
|
<Setter Property="FontSize" Value="16" />
|
|
<Setter Property="VerticalAlignment" Value="Center" />
|
|
<Setter Property="HorizontalAlignment" Value="Center" />
|
|
</Style>
|
|
|
|
<Style x:Key="IconPath" TargetType="Path">
|
|
<Setter Property="Stroke" Value="{StaticResource InkBrush}" />
|
|
<Setter Property="StrokeThickness" Value="1" />
|
|
<Setter Property="StrokeLineJoin" Value="Round" />
|
|
<Setter Property="StrokeStartLineCap" Value="Round" />
|
|
<Setter Property="StrokeEndLineCap" Value="Round" />
|
|
<Setter Property="Width" Value="20" />
|
|
<Setter Property="Height" Value="20" />
|
|
<Setter Property="Stretch" Value="None" />
|
|
</Style>
|
|
|
|
<Style x:Key="PropLabel" TargetType="TextBlock">
|
|
<Setter Property="Foreground" Value="{StaticResource SubtleTextBrush}" />
|
|
<Setter Property="FontSize" Value="12" />
|
|
<Setter Property="VerticalAlignment" Value="Center" />
|
|
<Setter Property="Margin" Value="0,0,6,0" />
|
|
</Style>
|
|
|
|
<Style x:Key="PropGroup" TargetType="StackPanel">
|
|
<Setter Property="Orientation" Value="Horizontal" />
|
|
<Setter Property="Margin" Value="0,2,4,2" />
|
|
<Setter Property="VerticalAlignment" Value="Center" />
|
|
</Style>
|
|
|
|
<!-- Minimalistische keuzeknop: dicht = alleen icoon + pijltje, open = icoon + naam -->
|
|
<Style x:Key="MiniComboItem" TargetType="ComboBoxItem">
|
|
<Setter Property="Padding" Value="8,5" />
|
|
<Setter Property="FocusVisualStyle" Value="{x:Null}" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ComboBoxItem">
|
|
<Border x:Name="Bd" Background="Transparent" CornerRadius="4" Padding="{TemplateBinding Padding}" Margin="1">
|
|
<ContentPresenter VerticalAlignment="Center" />
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsSelected" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="#1A0067C0" />
|
|
</Trigger>
|
|
<Trigger Property="IsHighlighted" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="{StaticResource HoverBrush}" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="MiniCombo" TargetType="ComboBox">
|
|
<Setter Property="ItemContainerStyle" Value="{StaticResource MiniComboItem}" />
|
|
<Setter Property="Height" Value="30" />
|
|
<Setter Property="MinWidth" Value="0" />
|
|
<Setter Property="Margin" Value="2,0" />
|
|
<Setter Property="FontSize" Value="12" />
|
|
<Setter Property="FocusVisualStyle" Value="{x:Null}" />
|
|
<Setter Property="VerticalAlignment" Value="Center" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ComboBox">
|
|
<Grid>
|
|
<ToggleButton Focusable="False" ClickMode="Press"
|
|
IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}">
|
|
<ToggleButton.Template>
|
|
<ControlTemplate TargetType="ToggleButton">
|
|
<Border x:Name="Bd" Background="White" BorderBrush="#E0E0E0" BorderThickness="1" CornerRadius="4" />
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="#F5F5F5" />
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="#EBEBEB" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</ToggleButton.Template>
|
|
</ToggleButton>
|
|
<StackPanel Orientation="Horizontal" IsHitTestVisible="False" Margin="8,0,6,0" VerticalAlignment="Center">
|
|
<ContentPresenter Content="{TemplateBinding SelectionBoxItem}"
|
|
ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
|
|
VerticalAlignment="Center" />
|
|
<TextBlock Text="" FontFamily="{StaticResource IconFont}" FontSize="8" Margin="6,1,0,0"
|
|
VerticalAlignment="Center" Foreground="#5C5C5C" />
|
|
</StackPanel>
|
|
<Popup x:Name="PART_Popup" IsOpen="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}}"
|
|
Placement="Bottom" AllowsTransparency="True" Focusable="False" PopupAnimation="Fade">
|
|
<Border Background="White" BorderBrush="#D6D6D6" BorderThickness="1" CornerRadius="6" Padding="3"
|
|
Margin="0,4,10,10" MinWidth="{TemplateBinding ActualWidth}">
|
|
<Border.Effect>
|
|
<DropShadowEffect BlurRadius="10" ShadowDepth="2" Opacity="0.18" />
|
|
</Border.Effect>
|
|
<ScrollViewer MaxHeight="360" VerticalScrollBarVisibility="Auto">
|
|
<ItemsPresenter KeyboardNavigation.DirectionalNavigation="Contained" />
|
|
</ScrollViewer>
|
|
</Border>
|
|
</Popup>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- Aan/uit-knop met alleen een icoon (schaduw, vet, recht) -->
|
|
<Style x:Key="MiniToggle" TargetType="ToggleButton">
|
|
<Setter Property="Height" Value="30" />
|
|
<Setter Property="MinWidth" Value="30" />
|
|
<Setter Property="Margin" Value="2,0" />
|
|
<Setter Property="Padding" Value="6,0" />
|
|
<Setter Property="Foreground" Value="{StaticResource InkBrush}" />
|
|
<Setter Property="FocusVisualStyle" Value="{x:Null}" />
|
|
<Setter Property="VerticalAlignment" Value="Center" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ToggleButton">
|
|
<Border x:Name="Bd" Background="White" BorderBrush="#E0E0E0" BorderThickness="1" CornerRadius="4"
|
|
Padding="{TemplateBinding Padding}">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="#F5F5F5" />
|
|
</Trigger>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="#1A0067C0" />
|
|
<Setter TargetName="Bd" Property="BorderBrush" Value="{StaticResource AccentBrush}" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- Contextmenu's: icoon, tekst, sneltoets en eventueel een submenu -->
|
|
<Style TargetType="ContextMenu">
|
|
<Setter Property="FontFamily" Value="Segoe UI" />
|
|
<Setter Property="FontSize" Value="13" />
|
|
<Setter Property="Foreground" Value="{StaticResource InkBrush}" />
|
|
<Setter Property="HasDropShadow" Value="False" />
|
|
<Setter Property="Grid.IsSharedSizeScope" Value="True" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ContextMenu">
|
|
<Border Background="{StaticResource ToolbarBrush}" BorderBrush="#D6D6D6" BorderThickness="1" CornerRadius="8"
|
|
Padding="4" Margin="0,0,10,10" MinWidth="220">
|
|
<Border.Effect>
|
|
<DropShadowEffect BlurRadius="12" ShadowDepth="2" Opacity="0.18" />
|
|
</Border.Effect>
|
|
<ItemsPresenter KeyboardNavigation.DirectionalNavigation="Cycle" />
|
|
</Border>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="{x:Static MenuItem.SeparatorStyleKey}" TargetType="Separator">
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Separator">
|
|
<Border Height="1" Margin="6,4" Background="{StaticResource DividerBrush}" />
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style TargetType="MenuItem">
|
|
<Setter Property="Foreground" Value="{StaticResource InkBrush}" />
|
|
<Setter Property="FocusVisualStyle" Value="{x:Null}" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="MenuItem">
|
|
<Border x:Name="Bd" Background="Transparent" CornerRadius="4" Padding="8,6" SnapsToDevicePixels="True">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="28" />
|
|
<ColumnDefinition Width="*" SharedSizeGroup="MenuHeader" />
|
|
<ColumnDefinition Width="Auto" SharedSizeGroup="MenuGesture" />
|
|
<ColumnDefinition Width="16" />
|
|
</Grid.ColumnDefinitions>
|
|
<ContentPresenter x:Name="IconHost" ContentSource="Icon" VerticalAlignment="Center" HorizontalAlignment="Left" />
|
|
<TextBlock x:Name="Check" Text="" FontFamily="{StaticResource IconFont}" FontSize="12"
|
|
VerticalAlignment="Center" HorizontalAlignment="Left" Visibility="Collapsed" />
|
|
<ContentPresenter Grid.Column="1" ContentSource="Header" RecognizesAccessKey="True" VerticalAlignment="Center" />
|
|
<TextBlock Grid.Column="2" Text="{TemplateBinding InputGestureText}" Margin="24,0,0,0"
|
|
Foreground="{StaticResource SubtleTextBrush}" VerticalAlignment="Center" HorizontalAlignment="Right" />
|
|
<TextBlock x:Name="Arrow" Grid.Column="3" Text="" FontFamily="{StaticResource IconFont}" FontSize="10"
|
|
VerticalAlignment="Center" HorizontalAlignment="Right" Visibility="Collapsed" />
|
|
<Popup x:Name="PART_Popup" Placement="Right" HorizontalOffset="6" VerticalOffset="-6" AllowsTransparency="True"
|
|
Focusable="False" PopupAnimation="Fade" IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}">
|
|
<Border Background="{StaticResource ToolbarBrush}" BorderBrush="#D6D6D6" BorderThickness="1" CornerRadius="8"
|
|
Padding="4" Margin="0,0,10,10" MinWidth="180" Grid.IsSharedSizeScope="True">
|
|
<Border.Effect>
|
|
<DropShadowEffect BlurRadius="12" ShadowDepth="2" Opacity="0.18" />
|
|
</Border.Effect>
|
|
<ItemsPresenter KeyboardNavigation.DirectionalNavigation="Cycle" />
|
|
</Border>
|
|
</Popup>
|
|
</Grid>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsChecked" Value="True">
|
|
<Setter TargetName="Check" Property="Visibility" Value="Visible" />
|
|
<Setter TargetName="IconHost" Property="Visibility" Value="Collapsed" />
|
|
</Trigger>
|
|
<Trigger Property="HasItems" Value="True">
|
|
<Setter TargetName="Arrow" Property="Visibility" Value="Visible" />
|
|
</Trigger>
|
|
<Trigger Property="IsHighlighted" Value="True">
|
|
<Setter TargetName="Bd" Property="Background" Value="{StaticResource HoverBrush}" />
|
|
</Trigger>
|
|
<Trigger Property="IsEnabled" Value="False">
|
|
<Setter Property="Opacity" Value="0.4" />
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="PropCombo" TargetType="ComboBox">
|
|
<Setter Property="MinWidth" Value="80" />
|
|
<Setter Property="Height" Value="28" />
|
|
<Setter Property="VerticalContentAlignment" Value="Center" />
|
|
<Setter Property="FontSize" Value="12" />
|
|
</Style>
|
|
</Application.Resources>
|
|
</Application>
|