[ZoomIt] Settings UX improvements #43073

vanzue · 2025-10-29T13:13:45Z

Summary of the Pull Request

This PR enhances the ZoomIt settings UI by refactoring some of the XAML code and putting instructions as part of the settingsexpanders. Additionally, the alternate hotkey combinations are now shown too and will be updated based on the configured hotkey. Users will now be able to see all the hotkeys.

PR Checklist

Detailed Description of the Pull Request / Additional comments

Validation Steps Performed

ZoomIt Extended (Derived) Hotkeys

Feature	Base Key Property	Default Base Key	Derived Key Property	XOR Logic	Default Derived Key	Description
LiveZoom	LiveZoomToggleKey	Ctrl+4	LiveZoomToggleKeyDraw	XOR Shift	Ctrl+Shift+4	Enter drawing mode in LiveZoom
Record	RecordToggleKey	Ctrl+5	RecordToggleKeyCrop	XOR Shift	Ctrl+Shift+5	Record selected region (crop)
Record	RecordToggleKey	Ctrl+5	RecordToggleKeyWindow	XOR Alt	Ctrl+Alt+5	Record specific window
Snip	SnipToggleKey	Ctrl+6	SnipToggleKeySave	XOR Shift	Ctrl+Shift+6	Snip and save to file
DemoType	DemoTypeToggleKey	Ctrl+7	DemoTypeToggleKeyReset	XOR Shift	Ctrl+Shift+7	Rewind to previous segment

vanzue · 2025-10-30T04:00:57Z

/azp run

azure-pipelines · 2025-10-30T04:01:06Z

Azure Pipelines successfully started running 1 pipeline(s).

niels9001 · 2025-12-05T11:11:55Z

/azp run

azure-pipelines · 2025-12-05T11:12:05Z

Azure Pipelines successfully started running 1 pipeline(s).

Jay-o-Way

Got a screenshot? Worried about all the formatting...

src/settings-ui/Settings.UI/Strings/en-us/Resources.resw

niels9001 · 2025-12-08T08:24:33Z

/azp run

azure-pipelines · 2025-12-08T08:24:42Z

Azure Pipelines successfully started running 1 pipeline(s).

check-spelling run (pull_request_target) for dev/vanzue/zoomit-hotkey Signed-off-by: check-spelling-bot <[email protected]> on-behalf-of: @check-spelling <[email protected]>

Jay-o-Way

Please add screenshots to the main pr message. Notice how the code formatting messes up parts like Ctrl '' C? Please adjust to what I suggested.

Jay-o-Way

No-go

src/settings-ui/Settings.UI/Strings/en-us/Resources.resw

src/settings-ui/Settings.UI/ViewModels/ZoomItViewModel.cs

niels9001 · 2025-12-18T11:12:10Z

@Jay-o-Way Great feedback! I've pushed some improvements, see the original post for a screenshot.

Looking at Windows 11 Settings, there doesn't seem to be a clear standard of how to visualize shortcut instructions. I'm sticking to 12pt / TextFillColorSecondaryBrush for now, and bold for the shortcut.

Nit: should be SemiBold ideally, but we can't change the default FontWeight for MarkdownTextBlock - something I'll address in: CommunityToolkit/Labs-Windows#761 and add it as a property so we can override it in the future.

Jay-o-Way · 2025-12-18T11:18:20Z

Idea: the Footer of the Settings expander is often overlooked. Would it be good to place te (explanatory) text in there?

niels9001 · 2025-12-18T13:10:28Z

Idea: the Footer of the Settings expander is often overlooked. Would it be good to place te (explanatory) text in there?

There wouldn't be a visible difference, and we need the Name on the SettingsCard to ensure that Search works. Adding a SettingsCard in the ItemsFooter would require additional XAML overrides to ensure it renders properly.

…ft/PowerToys into dev/vanzue/zoomit-hotkey

Jay-o-Way · 2025-12-25T13:13:52Z

src/settings-ui/Settings.UI/SettingsXAML/Views/ZoomItPage.xaml

-                                    <RadioButton x:Uid="ZoomIt_Break_ShowImageFile" />
-                                </RadioButtons>
+                            <tkcontrols:SettingsCard Name="ZoomItBreakTimerOpacity" x:Uid="ZoomIt_Break_TimerOpacity">
+                                <ComboBox MinWidth="{StaticResource SettingActionControlMinWidth}" SelectedIndex="{x:Bind Path=ViewModel.BreakTimerOpacityIndex, Mode=TwoWay}">


~~I think~~ this should be a Slider.

Jay-o-Way · 2025-12-25T13:14:55Z

src/settings-ui/Settings.UI/SettingsXAML/Views/ZoomItPage.xaml

+                                </ComboBox>
+                            </tkcontrols:SettingsCard>
+                            <tkcontrols:SettingsCard Name="ZoomItBreakTimerPosition" x:Uid="ZoomIt_Break_TimerPosition">
+                                <ComboBox MinWidth="{StaticResource SettingActionControlMinWidth}" SelectedIndex="{x:Bind Path=ViewModel.BreakTimerPosition, Mode=TwoWay}">


I believe the MinWidth property is built-in (right, @niels9001 ?)

Jay-o-Way · 2025-12-25T13:15:44Z

src/settings-ui/Settings.UI/SettingsXAML/Views/ZoomItPage.xaml

+
+
+                            <tkcontrols:SettingsCard Name="ZoomItBreakShowBackgroundBitmap" x:Uid="ZoomIt_Break_ShowBackgroundBitmap">
+                                <ComboBox MinWidth="{StaticResource SettingActionControlMinWidth}" SelectedIndex="{x:Bind Path=ViewModel.BreakBackgroundSelectionIndex, Mode=TwoWay}">


General - Path= shouldn't bee needed with x:Bind.

Jay-o-Way · 2025-12-25T13:16:21Z

src/settings-ui/Settings.UI/SettingsXAML/Views/ZoomItPage.xaml

-                    </tkcontrols:SettingsCard>
+                        <tkcontrols:SettingsExpander.Items>
+                            <tkcontrols:SettingsCard Name="ZoomItRecordScaling" x:Uid="ZoomIt_Record_Scaling">
+                                <ComboBox MinWidth="{StaticResource SettingActionControlMinWidth}" SelectedIndex="{x:Bind Path=ViewModel.RecordScalingIndex, Mode=TwoWay}">


Same: Slider.

vanzue added 2 commits October 29, 2025 14:17

zoomit hotkey

5938231

other functionality has hotkey binding magic too

380e4c6

vanzue and others added 2 commits October 30, 2025 14:44

format xaml

1006e73

Merge remote-tracking branch 'origin/main' into dev/vanzue/zoomit-hotkey

455bc55

vanzue added the Product-ZoomIt Refers to the ZoomIt tool label Nov 4, 2025

Merge remote-tracking branch 'origin/main' into dev/vanzue/zoomit-hotkey

863db5a

This comment has been minimized.

Sign in to view

niels9001 and others added 3 commits December 2, 2025 17:15

ZoomIt UX refactor

c0d9f53

Merge remote-tracking branch 'origin/main' into dev/vanzue/zoomit-hotkey

1d022dc

use combo box instead of radio button group for break mode background

a4da3f1

niels9001 changed the title ~~Zoomit: Show all the hotkey registered for Zoomt~~ [ZoomIt] Settings UX improvements Dec 3, 2025

Jay-o-Way reviewed Dec 7, 2025

View reviewed changes

src/settings-ui/Settings.UI/Strings/en-us/Resources.resw Outdated Show resolved Hide resolved

src/settings-ui/Settings.UI/Strings/en-us/Resources.resw Outdated Show resolved Hide resolved

niels9001 added the In for .97 label Dec 8, 2025

merge main

b618570

This comment has been minimized.

Sign in to view

vanzue and others added 2 commits December 18, 2025 14:03

Update metadata

75d0ad6

check-spelling run (pull_request_target) for dev/vanzue/zoomit-hotkey Signed-off-by: check-spelling-bot <[email protected]> on-behalf-of: @check-spelling <[email protected]>

fix build failure

2dfa6b9

Jay-o-Way suggested changes Dec 18, 2025

View reviewed changes

src/settings-ui/Settings.UI/Strings/en-us/Resources.resw Outdated Show resolved Hide resolved

src/settings-ui/Settings.UI/Strings/en-us/Resources.resw Outdated Show resolved Hide resolved

src/settings-ui/Settings.UI/ViewModels/ZoomItViewModel.cs Outdated Show resolved Hide resolved

fix a comment

25e756a

niels9001 requested a review from Jay-o-Way December 18, 2025 13:10

niels9001 added 2 commits December 18, 2025 14:10

Updates

8ceea3b

Merge branch 'dev/vanzue/zoomit-hotkey' of https://github.com/microso…

188ea02

…ft/PowerToys into dev/vanzue/zoomit-hotkey

Jay-o-Way reviewed Dec 25, 2025

View reviewed changes



		<tkcontrols:SettingsCard Name="ZoomItBreakShowBackgroundBitmap" x:Uid="ZoomIt_Break_ShowBackgroundBitmap">
		<ComboBox MinWidth="{StaticResource SettingActionControlMinWidth}" SelectedIndex="{x:Bind Path=ViewModel.BreakBackgroundSelectionIndex, Mode=TwoWay}">

[ZoomIt] Settings UX improvements #43073

Are you sure you want to change the base?

[ZoomIt] Settings UX improvements #43073

Conversation

vanzue commented Oct 29, 2025 • edited by niels9001 Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary of the Pull Request

PR Checklist

Detailed Description of the Pull Request / Additional comments

Validation Steps Performed

ZoomIt Extended (Derived) Hotkeys

Uh oh!

vanzue commented Oct 30, 2025

Uh oh!

azure-pipelines bot commented Oct 30, 2025

Uh oh!

This comment has been minimized.

niels9001 commented Dec 5, 2025

Uh oh!

azure-pipelines bot commented Dec 5, 2025

Uh oh!

Jay-o-Way left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

niels9001 commented Dec 8, 2025

Uh oh!

azure-pipelines bot commented Dec 8, 2025

Uh oh!

This comment has been minimized.

Jay-o-Way left a comment

Choose a reason for hiding this comment

Uh oh!

Jay-o-Way left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

niels9001 commented Dec 18, 2025

Uh oh!

Jay-o-Way commented Dec 18, 2025

Uh oh!

niels9001 commented Dec 18, 2025

Uh oh!

Jay-o-Way Dec 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Jay-o-Way Dec 25, 2025

Choose a reason for hiding this comment

Uh oh!

Jay-o-Way Dec 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Jay-o-Way Dec 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

vanzue commented Oct 29, 2025 •

edited by niels9001

Loading

Jay-o-Way Dec 25, 2025 •

edited

Loading

Jay-o-Way Dec 25, 2025 •

edited

Loading

Jay-o-Way Dec 25, 2025 •

edited

Loading