[UWP] How to disable Ctrl key while zooming in ScrollViewer?

Phap Duong 1

Hi,

I'm currently using ScrollViewer control to zoom an image, I manage to set ZoomMode="Enabled" to enable the zooming function. But the problem is, it only works by holding Ctrl key and mouse wheel!

Is there any way to just using mouse wheel? Or change the other key?

My code:

<ScrollViewer
    ZoomMode="Enabled" 
    HorizontalScrollMode="Enabled" 
    VerticalScrollMode="Enabled" 
    HorizontalScrollBarVisibility="Auto"
    VerticalScrollBarVisibility="Auto">

    <Grid HorizontalAlignment="Center" VerticalAlignment="Center">
        <Image Source="aaa.jpg" />
    </Grid>
</ScrollViewer>

Thanks!
Phap

macintoshpro 36 Reputation points

2020-06-24T03:45:39.883+00:00

Did you try OnKeyDown event, e.Key == Ctrl then set e.Handled = true (something like this)
Phap Duong 1 Reputation point

2020-06-24T03:58:27.417+00:00

I tried KeyDown event, it triggered when I press some keys, but when I press Ctrl and zoom by mouse wheel, this event didn't trigger.

Another event I tried is PointerWheelChanged, I set e.Handled = true but it also didn't work.
Fay Wang - MSFT 5,206 Reputation points

2020-06-24T06:16:52.177+00:00

This is the default behavior. Mouse wheel controls controls the scrolling of the content and Ctrl key + mouse wheel controls the scrollviewer's zoom. This is an internal design, if you want to change it, may be you could try to disable the ZoomMode and subscribe the PointerWheelChanged event. In the event, zoom the scrollviewer manually by calculating the zoomFactor.

Share via

[UWP] How to disable Ctrl key while zooming in ScrollViewer?