Sử dụng ScrollViewer để chỉnh sửa hình ảnh chụm, giữ chụp ở bên trái trên pan

Question

Tôi đang cố gắng sử dụng XAML ScrollViewer để 'rẻ hơn' thêm pinch-phóng to hình ảnh. Tuy nhiên, vấn đề là khi xoay quanh hình ảnh, nó tiếp tục chụp ở bên trái. Nếu tôi trượt nó sang phải, nó có vẻ ổn, nhưng thứ hai tôi giải phóng hình ảnh, nó quay trở lại bên trái.

Sự cố này chỉ tồn tại theo chiều ngang - đối với panning dọc, nó hoạt động tốt.

Tôi đã trừu tượng hóa điều này thành trường hợp thử nghiệm đơn giản nhất và vẫn tồn tại. Mã XAML của tôi như sau:

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

Mọi trợ giúp đều được đánh giá cao.

Answer 1

Tôi đã giải quyết vấn đề này.

Vấn đề là bạn phải explicityl đặt HorizontalScrollBarVisibility thành true.

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

Answer 2

Chỉ minh họa các giải pháp có thể có về những gì Michal Strzalkowski đề cập trong phần bình luận bên dưới của bạn. Nhanh sửa chữa trong XAML sử dụng Binding với ElementName và Đường dẫn

<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>