370e8c8574
* Updating settings * OOBE button * Removed unused namespaces Co-authored-by: Niels Laute <niels9001@hotmail.com>
246 lines
15 KiB
XML
246 lines
15 KiB
XML
<Page
|
|
x:Class="Microsoft.PowerToys.Settings.UI.Views.ColorPickerPage"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:controls="using:Microsoft.PowerToys.Settings.UI.Controls"
|
|
xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"
|
|
xmlns:Core="using:Microsoft.Xaml.Interactions.Core"
|
|
mc:Ignorable="d"
|
|
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
|
|
AutomationProperties.LandmarkType="Main">
|
|
|
|
<controls:SettingsPageControl x:Uid="About_ColorPicker"
|
|
ModuleImageSource="ms-appx:///Assets/Modules/ColorPicker.png"
|
|
ModuleImageLink="https://aka.ms/PowerToysOverview_ColorPicker">
|
|
<controls:SettingsPageControl.ModuleContent>
|
|
|
|
<StackPanel Orientation="Vertical"
|
|
x:Name="ColorPickerView"
|
|
HorizontalAlignment="Left"
|
|
Margin="0,0,48,0"
|
|
MaxWidth="{StaticResource MaxContentWidth}">
|
|
<ToggleSwitch x:Uid="ColorPicker_EnableColorPicker"
|
|
IsOn="{Binding IsEnabled, Mode=TwoWay}"/>
|
|
|
|
<TextBlock x:Uid="Shortcuts"
|
|
Style="{StaticResource SettingsGroupTitleStyle}"
|
|
Opacity="{x:Bind Mode=OneWay, Path=ViewModel.IsEnabled, Converter={StaticResource ModuleEnabledToOpacityConverter}}"/>
|
|
|
|
<controls:HotkeySettingsControl x:Uid="ColorPicker_ActivationShortcut"
|
|
Margin="{StaticResource SmallTopMargin}"
|
|
HotkeySettings="{x:Bind Path=ViewModel.ActivationShortcut, Mode=TwoWay}"
|
|
Keys="Win, Ctrl, Alt, Shift"
|
|
Enabled="{x:Bind Mode=OneWay, Path=ViewModel.IsEnabled}"
|
|
HorizontalAlignment="Left"
|
|
MinWidth="240"
|
|
/>
|
|
|
|
<TextBlock x:Uid="ColorPicker_ActivationAction"
|
|
Margin="{StaticResource MediumTopMargin}"
|
|
x:Name="ColorPicker_ActivationAction"
|
|
Opacity="{x:Bind Mode=OneWay, Path=ViewModel.IsEnabled, Converter={StaticResource ModuleEnabledToOpacityConverter}}"/>
|
|
<StackPanel AutomationProperties.LabeledBy="{Binding ElementName=ColorPicker_ActivationAction}">
|
|
<RadioButton
|
|
IsChecked="{Binding ActivationOpensColorPickerAndEditor, Mode=TwoWay}"
|
|
IsEnabled="{Binding IsEnabled}"
|
|
GroupName="ColorPickerActivationAction">
|
|
<RadioButton.Content>
|
|
<TextBlock TextWrapping="WrapWholeWords" LineHeight="20">
|
|
<Run x:Uid="ColorPickerFirst"/>
|
|
<LineBreak/>
|
|
<Run Foreground="{ThemeResource SystemBaseMediumColor}"
|
|
x:Uid="ColorPickerFirst_Description"/>
|
|
</TextBlock>
|
|
</RadioButton.Content>
|
|
</RadioButton>
|
|
|
|
<RadioButton IsChecked="{Binding ActivationOpensEditor, Mode=TwoWay}"
|
|
Margin="{StaticResource SmallTopMargin}"
|
|
IsEnabled="{Binding IsEnabled}"
|
|
GroupName="ColorPickerActivationAction">
|
|
<RadioButton.Content>
|
|
<TextBlock TextWrapping="WrapWholeWords" LineHeight="20">
|
|
<Run x:Uid="EditorFirst"/>
|
|
<LineBreak/>
|
|
<Run Foreground="{ThemeResource SystemBaseMediumColor}" x:Uid="EditorFirst_Description"/>
|
|
</TextBlock>
|
|
</RadioButton.Content>
|
|
</RadioButton>
|
|
|
|
<RadioButton IsChecked="{Binding ActivationOpensColorPickerOnly, Mode=TwoWay}"
|
|
Margin="{StaticResource SmallTopMargin}"
|
|
IsEnabled="{Binding IsEnabled}"
|
|
GroupName="ColorPickerActivationAction">
|
|
<RadioButton.Content>
|
|
<TextBlock TextWrapping="WrapWholeWords" LineHeight="20">
|
|
<Run x:Uid="ColorPickerOnly"/>
|
|
<LineBreak/>
|
|
<Run x:Uid="ColorPickerOnly_Description" Foreground="{ThemeResource SystemBaseMediumColor}"/>
|
|
</TextBlock>
|
|
</RadioButton.Content>
|
|
</RadioButton>
|
|
</StackPanel>
|
|
|
|
<TextBlock x:Uid="ColorFormats"
|
|
Style="{StaticResource SettingsGroupTitleStyle}"
|
|
Opacity="{x:Bind Mode=OneWay, Path=ViewModel.IsEnabled, Converter={StaticResource ModuleEnabledToOpacityConverter}}"/>
|
|
|
|
<ComboBox x:Name="ColorPicker_ComboBox"
|
|
x:Uid="ColorPicker_CopiedColorRepresentation"
|
|
MinWidth="240"
|
|
Margin="{StaticResource SmallTopMargin}"
|
|
HorizontalAlignment="Left"
|
|
DisplayMemberPath="Value"
|
|
IsEnabled="{Binding IsEnabled}"
|
|
ItemsSource="{Binding SelectableColorRepresentations}"
|
|
Loaded="ColorPicker_ComboBox_Loaded"
|
|
SelectedValue="{Binding SelectedColorRepresentationValue, Mode=TwoWay}"
|
|
SelectedValuePath="Key" />
|
|
|
|
<CheckBox x:Uid="ColorPicker_ShowColorName"
|
|
IsChecked="{Binding ShowColorName, Mode=TwoWay}"
|
|
Margin="{StaticResource SmallTopMargin}"
|
|
IsEnabled="{Binding IsEnabled}"/>
|
|
|
|
<TextBlock x:Uid="ColorPicker_Editor"
|
|
Style="{StaticResource SettingsGroupTitleStyle}"
|
|
Opacity="{x:Bind Mode=OneWay, Path=ViewModel.IsEnabled, Converter={StaticResource ModuleEnabledToOpacityConverter}}" />
|
|
|
|
<TextBlock x:Name="ColorFormatsListViewLabel"
|
|
TextWrapping="WrapWholeWords"
|
|
x:Uid="ColorPicker_ColorFormatsDescription"
|
|
Opacity="{x:Bind Mode=OneWay, Path=ViewModel.IsEnabled, Converter={StaticResource ModuleEnabledToOpacityConverter}}"
|
|
Margin="{StaticResource SmallTopMargin}"/>
|
|
|
|
<!-- Disabled reordering by dragging -->
|
|
<!-- CanReorderItems="True" AllowDrop="True" -->
|
|
<ListView ItemsSource="{Binding ColorFormats, Mode=TwoWay}"
|
|
MaxWidth="466"
|
|
IsEnabled="{x:Bind Mode=OneWay, Path=ViewModel.IsEnabled}"
|
|
AutomationProperties.LabeledBy="{Binding ElementName=ColorFormatsListViewLabel}"
|
|
HorizontalAlignment="Left"
|
|
Margin="-12,6,0,0">
|
|
<ItemsControl.ItemContainerTransitions>
|
|
<TransitionCollection/>
|
|
</ItemsControl.ItemContainerTransitions>
|
|
<ListView.ItemTemplate>
|
|
<DataTemplate>
|
|
<Grid Width="466" Background="Transparent">
|
|
<!-- Disabled reordering by dragging
|
|
|
|
<Interactivity:Interaction.Behaviors>
|
|
<Core:EventTriggerBehavior EventName="PointerEntered">
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=GripperIcon}" PropertyName="Visibility" Value="Visible" />
|
|
</Core:EventTriggerBehavior>
|
|
<Core:EventTriggerBehavior EventName="PointerExited">
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=GripperIcon}" PropertyName="Visibility" Value="Collapsed" />
|
|
</Core:EventTriggerBehavior>
|
|
</Interactivity:Interaction.Behaviors> -->
|
|
|
|
<Interactivity:Interaction.Behaviors>
|
|
<Core:EventTriggerBehavior EventName="PointerEntered">
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=ButtonUp}" PropertyName="Visibility" Value="Visible" />
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=ButtonDown}" PropertyName="Visibility" Value="Visible" />
|
|
</Core:EventTriggerBehavior>
|
|
<Core:EventTriggerBehavior EventName="PointerExited">
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=ButtonUp}" PropertyName="Visibility" Value="Collapsed" />
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=ButtonDown}" PropertyName="Visibility" Value="Collapsed" />
|
|
</Core:EventTriggerBehavior>
|
|
</Interactivity:Interaction.Behaviors>
|
|
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition/>
|
|
<RowDefinition/>
|
|
</Grid.RowDefinitions>
|
|
<TextBlock FontWeight="SemiBold"
|
|
FontSize="16"
|
|
Margin="0,8,0,0"
|
|
Text="{Binding Name}"/>
|
|
<TextBlock Foreground="{ThemeResource SystemBaseMediumColor}"
|
|
Text="{Binding Example}"
|
|
Grid.Row="1"
|
|
Margin="0,0,0,8"/>
|
|
<ToggleSwitch IsOn="{Binding IsShown, Mode=TwoWay}"
|
|
OnContent=""
|
|
OffContent=""
|
|
Grid.RowSpan="2"
|
|
HorizontalAlignment="Right"
|
|
Margin="0,0,-36,0"/>
|
|
<!-- Disabled reordering by dragging
|
|
|
|
<TextBlock Text=""
|
|
Visibility="Collapsed"
|
|
x:Name="GripperIcon"
|
|
VerticalAlignment="Center"
|
|
Grid.RowSpan="2"
|
|
FontSize="16"
|
|
HorizontalAlignment="Right"
|
|
Margin="0,0,36,0"
|
|
FontFamily="Segoe MDL2 Assets" /> -->
|
|
|
|
<Button x:Uid="ColorPicker_ButtonUp"
|
|
x:Name="ButtonUp"
|
|
Content=""
|
|
IsEnabled="{Binding CanMoveUp}"
|
|
Grid.Row="0"
|
|
HorizontalAlignment="Right"
|
|
Margin="0,0,24,0"
|
|
Background="Transparent"
|
|
Visibility="Collapsed"
|
|
FontFamily="Segoe MDL2 Assets"
|
|
Click="ReorderButtonUp_Click">
|
|
<Interactivity:Interaction.Behaviors>
|
|
<Core:EventTriggerBehavior EventName="Click">
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=ButtonUp}" PropertyName="Visibility" Value="Collapsed" />
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=ButtonDown}" PropertyName="Visibility" Value="Collapsed" />
|
|
</Core:EventTriggerBehavior>
|
|
</Interactivity:Interaction.Behaviors>
|
|
</Button>
|
|
<Button x:Uid="ColorPicker_ButtonDown"
|
|
x:Name="ButtonDown"
|
|
Content=""
|
|
IsEnabled="{Binding CanMoveDown}"
|
|
Grid.Row="1"
|
|
HorizontalAlignment="Right"
|
|
Margin="0,0,24,0"
|
|
Background="Transparent"
|
|
Visibility="Collapsed"
|
|
FontFamily="Segoe MDL2 Assets"
|
|
Click="ReorderButtonDown_Click" >
|
|
<Interactivity:Interaction.Behaviors>
|
|
<Core:EventTriggerBehavior EventName="Click">
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=ButtonUp}" PropertyName="Visibility" Value="Collapsed" />
|
|
<Core:ChangePropertyAction TargetObject="{Binding ElementName=ButtonDown}" PropertyName="Visibility" Value="Collapsed" />
|
|
</Core:EventTriggerBehavior>
|
|
</Interactivity:Interaction.Behaviors>
|
|
</Button>
|
|
</Grid>
|
|
</DataTemplate>
|
|
</ListView.ItemTemplate>
|
|
</ListView>
|
|
|
|
<!--
|
|
Disabling this until we have a safer way to reset cursor as
|
|
we can hit a state where the cursor doesn't reset
|
|
|
|
<CheckBox x:Uid="ColorPicker_ChangeCursor"
|
|
IsChecked="{Binding ChangeCursor, Mode=TwoWay}"
|
|
Margin="{StaticResource SmallTopMargin}"
|
|
IsEnabled="{Binding IsEnabled}"/>
|
|
-->
|
|
</StackPanel>
|
|
|
|
</controls:SettingsPageControl.ModuleContent>
|
|
|
|
<controls:SettingsPageControl.ModuleLinks>
|
|
<controls:SidePanelLink x:Uid="Learn_More" Link="https://aka.ms/PowerToysOverview_ColorPicker"/>
|
|
<controls:SidePanelLink x:Uid="Give_Feedback" Link="https://aka.ms/powerToysGiveFeedback"/>
|
|
</controls:SettingsPageControl.ModuleLinks>
|
|
<controls:SettingsPageControl.AttributionLinks>
|
|
<controls:SidePanelLink Label="Martin Chrzan's Color Picker" Link="https://github.com/martinchrzan/ColorPicker/"/>
|
|
<controls:SidePanelLink Label="Niels Laute's UX concept" Link="https://medium.com/@Niels9001/a-fluent-color-meter-for-powertoys-20407ededf0c"/>
|
|
</controls:SettingsPageControl.AttributionLinks>
|
|
</controls:SettingsPageControl>
|
|
</Page> |