Uso di ScrollViewer per zoom immagine-pizzico, continua a scattare a sinistra sul pan

Question

Sto tentando di utilizzare un ScrollViewer XAML per aggiungere "a basso costo" zoom-pizzico a un'immagine. Il problema però è che quando si esegue il panning intorno all'immagine, continua a muoversi a sinistra. Se lo faccio scorrere a destra, sembra buono, ma nel momento in cui rilascio l'immagine, torna a sinistra.

Questo problema persiste solo orizzontalmente: per la panoramica verticale, funziona correttamente.

Ho riassunto questo per il caso di test più semplice, e persiste. Il mio codice XAML è il seguente:

<ScrollViewer> 
     <Image Source="http://i.imgur.com/1WlGT.jpg" /> 
    </ScrollViewer> 

Qualsiasi aiuto è apprezzato.

Answer 1

Ho risolto questo.

Il problema è che devi impostare esplicitamente HorizontalScrollBarVisibility su true.

<ScrollViewer x:Name="scrollViewer" 
        VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto" 
        ZoomMode="Enabled"> 
     <Image Source="http://i.imgur.com/1WlGT.jpg" /> 
    </ScrollViewer> 

Answer 2

Proprio illustrazione della possibile soluzione di ciò che Michal Strzalkowski accennato circa nel suo commento qui sotto la tua risposta, che è immagine che viene mostrata in full size (che non rientrano nei confini del contenitore). quick fix in XAML utilizzando Binding con ElementName e Path

<ScrollViewer x:Name="SV_ImageZoom"   
       MaxZoomFactor="3" 
       MinZoomFactor="1" 
       ZoomMode="Enabled"       
       HorizontalScrollBarVisibility="Auto" 
       VerticalScrollBarVisibility="Auto"> 
    <Image Source="http://i.imgur.com/1WlGT.jpg" 
      Width="{Binding Path=ViewportWidth, ElementName=SV_ImageZoom}" /> 
</ScrollViewer>