mirror/PowerToys
1
0
Fork 0
mirror of https://github.com/microsoft/PowerToys.git synced 2025-06-07 09:28:03 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

Updated KeyboardManager page to the right styles/margins. Updated visuals for the mapped keys. (#2031)

Browse Source
This commit is contained in:
Niels Laute 2020-04-10 21:11:21 +02:00 committed by GitHub
parent 2aa9f4c079
commit 3a46f4589b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 63 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/core/Microsoft.PowerToys.Settings.UI/Strings/en-us/Resources.resw
View File

@ -193,14 +193,6 @@
<value>Edit Shortcuts</value> <value>Edit Shortcuts</value>
<comment>Keyboard Manager edit shortcuts header</comment> <comment>Keyboard Manager edit shortcuts header</comment>
</data> </data>
<data name="KeyboardManager_KeysMappingLayoutLeftHeader.Text" xml:space="preserve">
<value>From:</value>
<comment>Keyboard Manager mapping keys view left header</comment>
</data>
<data name="KeyboardManager_KeysMappingLayoutRightHeader.Text" xml:space="preserve">
<value>To:</value>
<comment>Keyboard Manager mapping keys view right header</comment>
</data>
<data name="PowerLauncher_Description.Text" xml:space="preserve"> <data name="PowerLauncher_Description.Text" xml:space="preserve">
<value>A quick launcher that has additional capabilities without sacrificing performance.</value> <value>A quick launcher that has additional capabilities without sacrificing performance.</value>
</data> </data>
@ -258,4 +250,8 @@
<data name="PowerLauncher_OverrideWinSKey.Content" xml:space="preserve"> <data name="PowerLauncher_OverrideWinSKey.Content" xml:space="preserve">
<value>Override Win+S key</value> <value>Override Win+S key</value>
</data> </data>
<data name="KeyboardManager_KeysMappingLayoutRightHeader.Text" xml:space="preserve">
<value>To:</value>
<comment>Keyboard Manager mapping keys view right header</comment>
</data>
</root> </root>

129
src/core/Microsoft.PowerToys.Settings.UI/Views/KeyboardManagerPage.xaml
View File

@ -13,34 +13,46 @@
<viewmodels:RemapKeysModel x:Key="dummyData"/> <viewmodels:RemapKeysModel x:Key="dummyData"/>
<DataTemplate x:Name="KeysListViewTemplate" x:DataType="viewmodels:RemapKeysModel"> <DataTemplate x:Name="KeysListViewTemplate" x:DataType="viewmodels:RemapKeysModel">
<Grid> <Grid Height="56">
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="200"/> <ColumnDefinition Width="80"/>
<ColumnDefinition Width="200"/> <ColumnDefinition Width="80"/>
<ColumnDefinition Width="120"/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Border Background="{ThemeResource SystemBaseLowColor}" <Border
Background="{ThemeResource SystemBaseLowColor}"
CornerRadius="4" CornerRadius="4"
Grid.Column="0" Grid.Column="0"
Width="70" Padding="14,0,14,0"
Height="35" Margin="0,0,0,0"
Height="36"
VerticalAlignment="Center"
HorizontalAlignment="Left"> HorizontalAlignment="Left">
<TextBlock Grid.Column="0" <TextBlock FontWeight="SemiBold"
Style="{StaticResource BodyTextBlockStyle}" VerticalAlignment="Center"
VerticalAlignment="Center" TextAlignment="Center"
TextAlignment="Center" FontSize="12"
Text="{Binding From}"> Text="{Binding From}">
</TextBlock> </TextBlock>
</Border> </Border>
<Border Background="{ThemeResource SystemBaseLowColor}" <FontIcon Glyph="&#xE72A;"
Grid.Column="1"
FontSize="14"
VerticalAlignment="Center" />
<Border Background="{ThemeResource SystemAccentColor}"
CornerRadius="4" CornerRadius="4"
Grid.Column="1" Grid.Column="2"
Width="70" Padding="14,0,14,0"
Height="35" Margin="20,0,0,0"
Height="36"
VerticalAlignment="Center"
HorizontalAlignment="Left"> HorizontalAlignment="Left">
<TextBlock Grid.Column="1" <TextBlock FontWeight="SemiBold"
Style="{StaticResource BodyTextBlockStyle}"
VerticalAlignment="Center" VerticalAlignment="Center"
TextAlignment="Center" TextAlignment="Center"
Foreground="White"
FontSize="12"
Text="{Binding To}"> Text="{Binding To}">
</TextBlock> </TextBlock>
</Border> </Border>
@ -82,92 +94,69 @@
<StackPanel Orientation="Vertical"> <StackPanel Orientation="Vertical">
<TextBlock x:Uid="KeyboardManager_Description" <TextBlock x:Uid="KeyboardManager_Description"
TextWrapping="Wrap" TextWrapping="Wrap"/>
Style="{StaticResource BodyTextBlockStyle}"/>
<ToggleSwitch x:Uid="KeyboardManager_EnableToggle" <ToggleSwitch x:Uid="KeyboardManager_EnableToggle"
IsOn="True" IsOn="True"
Margin="{StaticResource SmallTopMargin}" /> Margin="{StaticResource SmallTopMargin}" />
<TextBlock x:Uid="KeyboardManager_ConfigHeader" <TextBlock x:Uid="KeyboardManager_ConfigHeader"
Style="{StaticResource SettingsGroupTitleStyle}" Style="{StaticResource SettingsGroupTitleStyle}"/>
<TextBlock x:Uid="KeyboardManager_ProfileDescription"
Margin="{StaticResource SmallTopMargin}"/> Margin="{StaticResource SmallTopMargin}"/>
<ComboBox SelectedIndex="1" <ComboBox SelectedIndex="1" MinWidth="160"
Margin="{StaticResource SmallTopMargin}" Margin="{StaticResource SmallTopMargin}">
HorizontalAlignment="Left">
<ComboBoxItem Content="Config-1"/> <ComboBoxItem Content="Config-1"/>
<ComboBoxItem Content="Config-2"/> <ComboBoxItem Content="Config-2"/>
<ComboBoxItem Content="Config-3"/> <ComboBoxItem Content="Config-3"/>
</ComboBox> </ComboBox>
<TextBlock x:Uid="KeyboardManager_ProfileDescription"
Margin="{StaticResource SmallTopMargin}"/>
<TextBlock x:Uid="KeyboardManager_RemapKeyboardHeader" <TextBlock x:Uid="KeyboardManager_RemapKeyboardHeader"
Style="{StaticResource SettingsGroupTitleStyle}" Style="{StaticResource SettingsGroupTitleStyle}"/>
Margin="{StaticResource SmallTopMargin}"/>
<TextBlock Text="Description of the Remap Keyboard (subfeature)"
Margin="{StaticResource SmallTopMargin}"
TextWrapping="Wrap"/>
<Button x:Uid="KeyboardManager_RemapKeyboardButton" <Button x:Uid="KeyboardManager_RemapKeyboardButton"
Margin="{StaticResource SmallTopMargin}" Margin="{StaticResource SmallTopMargin}"
Style="{StaticResource AccentButtonStyle}" Style="{StaticResource ButtonRevealStyle}"/>
HorizontalAlignment="Left"/>
<StackPanel Margin="{StaticResource SmallTopMargin}"
Orientation="Horizontal">
<TextBlock x:Uid="KeyboardManager_KeysMappingLayoutLeftHeader"
Width="200"
FontWeight="SemiBold"/>
<TextBlock x:Uid="KeyboardManager_KeysMappingLayoutRightHeader"
Width="200"
FontWeight="SemiBold" />
</StackPanel>
<ListView x:Name="RemapKeysList" <ListView x:Name="RemapKeysList"
ItemsSource="{StaticResource dummyData}" ItemsSource="{StaticResource dummyData}"
ItemTemplate="{StaticResource KeysListViewTemplate}" ItemTemplate="{StaticResource KeysListViewTemplate}"
BorderBrush="LightGray" BorderBrush="{ThemeResource SystemControlForegroundBaseMediumLowBrush}"
BorderThickness="1" BorderThickness="1"
CornerRadius="4" Width="350"
Width="400" MaxHeight="200"
MaxHeight="150" Margin="{StaticResource MediumTopBottomMargin}"
Margin="{StaticResource SmallTopMargin}" HorizontalAlignment="Left"/>
HorizontalAlignment="Left">
</ListView>
<TextBlock x:Uid="KeyboardManager_RemapShortcutsHeader" <TextBlock x:Uid="KeyboardManager_RemapShortcutsHeader"
Style="{StaticResource SubtitleTextBlockStyle}" Style="{StaticResource SettingsGroupTitleStyle}"/>
Margin="{StaticResource SmallTopMargin}"/>
<TextBlock Text="Description of the Remap Shortcuts (subfeature)"
TextWrapping="Wrap" Margin="{StaticResource SmallTopMargin}"/>
<Button x:Uid="KeyboardManager_RemapShortcutsButton" <Button x:Uid="KeyboardManager_RemapShortcutsButton"
Margin="{StaticResource SmallTopMargin}" Margin="{StaticResource SmallTopMargin}"
Style="{StaticResource AccentButtonStyle}" Style="{StaticResource ButtonRevealStyle}"/>
HorizontalAlignment="Left"/>
<StackPanel Margin="{StaticResource SmallTopMargin}"
Orientation="Horizontal">
<TextBlock x:Uid="KeyboardManager_KeysMappingLayoutLeftHeader"
Width="200"
FontWeight="SemiBold">
</TextBlock>
<TextBlock x:Uid="KeyboardManager_KeysMappingLayoutRightHeader"
Width="200"
FontWeight="SemiBold" >
</TextBlock>
</StackPanel>
<ListView x:Name="RemapShortcutsList" <ListView x:Name="RemapShortcutsList"
ItemsSource="{StaticResource dummyData}" ItemsSource="{StaticResource dummyData}"
ItemTemplate="{StaticResource KeysListViewTemplate}" ItemTemplate="{StaticResource KeysListViewTemplate}"
BorderBrush="LightGray" BorderBrush="{ThemeResource SystemControlForegroundBaseMediumLowBrush}"
BorderThickness="1" BorderThickness="1"
CornerRadius="4" CornerRadius="4"
Width="400" Width="350"
MaxHeight="150" MaxHeight="200"
Margin="{StaticResource SmallTopMargin}" Margin="{StaticResource MediumTopBottomMargin}"
HorizontalAlignment="Left"> HorizontalAlignment="Left"/>
</ListView>
</StackPanel> </StackPanel>
<StackPanel x:Name="SidePanel" <StackPanel x:Name="SidePanel"