mirror of
https://github.com/microsoft/PowerToys.git
synced 2026-04-03 09:46:54 +02:00
70bf430d9f
Add support for a "dock" window in CmdPal. The dock is a toolbar powered by the `APPBAR` APIs. This gives you a persistent region to display commands for quick shortcuts or glanceable widgets. The dock can be pinned to any side of the screen. The dock can be independently styled with any of the theming controls cmdpal already has The dock has three "regions" to pin to - the "start", the "center", and the "end". Elements on the dock are grouped as "bands", which contains a set of "items". Each "band" is one atomic unit. For example, the Media Player extension produces 4 items, but one _band_. The dock has only one size (for now) The dock will only appear on your primary display (for now) This PR includes support for pinning arbitrary top-level commands to the dock - however, we're planning on replacing that with a more universal ability to pin any command to the dock or top level. (see #45191). This is at least usable for now. This is definitely still _even more preview_ than usual PowerToys features, but it's more than usable. I'd love to get it out there and start collecting feedback on where to improve next. I'll probably add a follow-up issue for tracking the remaining bugs & nits. closes #45201 --------- Co-authored-by: Niels Laute <niels.laute@live.nl>
178 lines
12 KiB
XML
178 lines
12 KiB
XML
<?xml version="1.0" encoding="utf-8" ?>
|
|
<ResourceDictionary
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:local="using:Microsoft.CmdPal.UI.Dock">
|
|
|
|
<ResourceDictionary.ThemeDictionaries>
|
|
<ResourceDictionary x:Key="Default">
|
|
<SolidColorBrush x:Key="DockItemBackground" Color="Transparent" />
|
|
<SolidColorBrush x:Key="DockItemBorderBrush" Color="Transparent" />
|
|
<SolidColorBrush x:Key="DockItemBackgroundPointerOver" Color="#0FFFFFFF" />
|
|
<SolidColorBrush x:Key="DockItemBackgroundPressed" Color="#0BFFFFFF" />
|
|
<LinearGradientBrush x:Key="DockItemBorderBrushPointerOver" MappingMode="Absolute" StartPoint="0,0" EndPoint="0,3">
|
|
<LinearGradientBrush.GradientStops>
|
|
<GradientStop Offset="0.33" Color="#0FFFFFFF" />
|
|
<GradientStop Offset="1.0" Color="#19FFFFFF" />
|
|
</LinearGradientBrush.GradientStops>
|
|
</LinearGradientBrush>
|
|
<SolidColorBrush x:Key="DockItemBorderBrushPressed" Color="#0BFFFFFF" />
|
|
</ResourceDictionary>
|
|
<ResourceDictionary x:Key="Light">
|
|
<SolidColorBrush x:Key="DockItemBackground" Color="Transparent" />
|
|
<SolidColorBrush x:Key="DockItemBorderBrush" Color="Transparent" />
|
|
<SolidColorBrush x:Key="DockItemBackgroundPointerOver" Color="#80FFFFFF" />
|
|
<SolidColorBrush x:Key="DockItemBackgroundPressed" Color="#4DFFFFFF" />
|
|
<LinearGradientBrush x:Key="DockItemBorderBrushPointerOver" MappingMode="Absolute" StartPoint="0,0" EndPoint="0,3">
|
|
<LinearGradientBrush.GradientStops>
|
|
<GradientStop Offset="0.33" Color="#08000000" />
|
|
<GradientStop Offset="1.0" Color="#17000000" />
|
|
</LinearGradientBrush.GradientStops>
|
|
</LinearGradientBrush>
|
|
<SolidColorBrush x:Key="DockItemBorderBrushPressed" Color="#05000000" />
|
|
</ResourceDictionary>
|
|
<ResourceDictionary x:Key="HighContrast">
|
|
<SolidColorBrush x:Key="DockItemBackground" Color="Transparent" />
|
|
<SolidColorBrush x:Key="DockItemBorderBrush" Color="Transparent" />
|
|
<SolidColorBrush x:Key="DockItemBackgroundPointerOver" Color="{StaticResource SystemColorHighlightTextColor}" />
|
|
<SolidColorBrush x:Key="DockItemBackgroundPressed" Color="{StaticResource SystemColorHighlightTextColor}" />
|
|
<SolidColorBrush x:Key="DockItemBorderBrushPointerOver" Color="{StaticResource SystemColorHighlightColor}" />
|
|
<SolidColorBrush x:Key="DockItemBorderBrushPressed" Color="{StaticResource SystemColorHighlightTextColor}" />
|
|
</ResourceDictionary>
|
|
</ResourceDictionary.ThemeDictionaries>
|
|
|
|
<CornerRadius x:Key="DockItemCornerRadius">4</CornerRadius>
|
|
<Thickness x:Key="DockItemPadding">4,0,4,0</Thickness>
|
|
|
|
<Style BasedOn="{StaticResource DefaultDockItemControlStyle}" TargetType="local:DockItemControl" />
|
|
|
|
<Style x:Key="DefaultDockItemControlStyle" TargetType="local:DockItemControl">
|
|
<Style.Setters>
|
|
<Setter Property="Background" Value="{ThemeResource DockItemBackground}" />
|
|
<Setter Property="BorderBrush" Value="{ThemeResource DockItemBorderBrush}" />
|
|
<Setter Property="Padding" Value="{StaticResource DockItemPadding}" />
|
|
<Setter Property="BorderThickness" Value="{ThemeResource ButtonBorderThemeThickness}" />
|
|
<Setter Property="CornerRadius" Value="{StaticResource DockItemCornerRadius}" />
|
|
<Setter Property="TextVisibility" Value="Visible" />
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="local:DockItemControl">
|
|
<Grid
|
|
x:Name="PART_RootGrid"
|
|
Padding="{TemplateBinding Padding}"
|
|
VerticalAlignment="Stretch"
|
|
Background="{TemplateBinding Background}"
|
|
BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="{TemplateBinding BorderThickness}"
|
|
CornerRadius="{TemplateBinding CornerRadius}"
|
|
ToolTipService.ToolTip="{TemplateBinding ToolTip}">
|
|
<Grid
|
|
x:Name="ContentGrid"
|
|
AutomationProperties.Name="{TemplateBinding Title}"
|
|
Background="Transparent"
|
|
ColumnSpacing="8">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<!-- Icon -->
|
|
<ContentPresenter
|
|
x:Name="IconPresenter"
|
|
VerticalAlignment="Center"
|
|
Content="{TemplateBinding Icon}" />
|
|
|
|
<!-- Text (Title + Subtitle) -->
|
|
<StackPanel
|
|
x:Name="TextPanel"
|
|
Grid.Column="1"
|
|
VerticalAlignment="Center"
|
|
Visibility="{TemplateBinding TextVisibility}">
|
|
<TextBlock
|
|
x:Name="TitleText"
|
|
MinWidth="24"
|
|
MaxWidth="100"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Center"
|
|
FontFamily="Segoe UI"
|
|
FontSize="12"
|
|
Text="{TemplateBinding Title}"
|
|
TextAlignment="Left"
|
|
TextTrimming="CharacterEllipsis"
|
|
TextWrapping="NoWrap" />
|
|
<TextBlock
|
|
x:Name="SubtitleText"
|
|
MaxWidth="100"
|
|
Margin="0,-4,0,0"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Center"
|
|
FontFamily="Segoe UI"
|
|
FontSize="10"
|
|
Foreground="{ThemeResource TextFillColorTertiary}"
|
|
Text="{TemplateBinding Subtitle}"
|
|
TextAlignment="Center"
|
|
TextTrimming="CharacterEllipsis"
|
|
TextWrapping="NoWrap" />
|
|
</StackPanel>
|
|
</Grid>
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualState x:Name="Normal" />
|
|
<VisualState x:Name="PointerOver">
|
|
<VisualState.Setters>
|
|
<Setter Target="PART_RootGrid.Background" Value="{ThemeResource DockItemBackgroundPointerOver}" />
|
|
<Setter Target="PART_RootGrid.BorderBrush" Value="{ThemeResource DockItemBorderBrushPointerOver}" />
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
<VisualState x:Name="Pressed">
|
|
<VisualState.Setters>
|
|
<Setter Target="PART_RootGrid.Background" Value="{ThemeResource DockItemBackgroundPointerOver}" />
|
|
<Setter Target="PART_RootGrid.BorderBrush" Value="{ThemeResource DockItemBorderBrushPressed}" />
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
<VisualState x:Name="Disabled">
|
|
<VisualState.Setters>
|
|
<Setter Target="PART_RootGrid.Background" Value="{ThemeResource DockItemBackground}" />
|
|
<Setter Target="PART_RootGrid.BorderBrush" Value="{ThemeResource DockItemBackground}" />
|
|
<Setter Target="IconPresenter.Foreground" Value="{ThemeResource ButtonForegroundDisabled}" />
|
|
<Setter Target="TitleText.Foreground" Value="{ThemeResource ButtonForegroundDisabled}" />
|
|
<Setter Target="SubtitleText.Foreground" Value="{ThemeResource ButtonForegroundDisabled}" />
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="TextVisibilityStates">
|
|
<VisualState x:Name="TextVisible" />
|
|
<VisualState x:Name="TitleOnly">
|
|
<VisualState.Setters>
|
|
<Setter Target="SubtitleText.Visibility" Value="Collapsed" />
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
<VisualState x:Name="SubtitleOnly">
|
|
<VisualState.Setters>
|
|
<Setter Target="TitleText.Visibility" Value="Collapsed" />
|
|
<Setter Target="SubtitleText.Margin" Value="0" />
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
<VisualState x:Name="TextHidden">
|
|
<VisualState.Setters>
|
|
<Setter Target="ContentGrid.ColumnSpacing" Value="0" />
|
|
<Setter Target="TextPanel.Visibility" Value="Collapsed" />
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="IconVisibilityStates">
|
|
<VisualState x:Name="IconVisible" />
|
|
<VisualState x:Name="IconHidden">
|
|
<VisualState.Setters>
|
|
<Setter Target="ContentGrid.ColumnSpacing" Value="0" />
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
</Grid>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style.Setters>
|
|
</Style>
|
|
</ResourceDictionary> |