UWP Scrollviewer가 튀어 오르는 애니메이션으로 확대

Question

내 UWP 앱에서 두 번 클릭하거나 핀치 - 줌 제스처를 통해 이미지를 확대/축소하기위한 지원을 추가하려고합니다.

그래서 ZoomMode = Enabled 인 scrollviewer에서 이미지 컨트롤을 감 았고 핀치 투 줌을 사용했습니다. 스크롤 뷰어에서 DoubleTapped 이벤트를 청취하고 ScrollViewer.ChangeView() 호출로 확대/축소 요소를 업데이트 할 수도 있습니다.

그러나 ScrollViewer.ChangeView()를 호출하면 애니메이션 요소없이 매우 갑자기 확대/축소 비율이 변경됩니다.

바우 스 이징 기능이있는 애니메이션을 사용하여 scrollviewer의 확대/축소 비율을 변경하고 싶습니다.

어떻게 할 수 있습니까?

Answer 1

내가 무엇을하고 싶은지 바운스 이징 기능이있는 애니메이션을 사용하여 scrollviewer의 확대/축소 비율을 변경하는 것입니다.

당신은 오픈 소스 라이브러리 Win RT XAML Toolkit

이 라이브러리는 ZoomToFactorWithAnimationAsync 방법이있는 ScrollViewerExtensions을 가지고 같은 정도의 ScrollViewer를 만들 수 있습니다. 이 메서드를 사용하여 ScrollViewer의 ZoomFactor를 변경하면 애니메이션과 함께 변경됩니다.

ZoomToFactorWithAnimationAsync 메서드는 실제로 ZoomFactor 용 DoubleAnimation을 추가합니다. 자세한 내용은 here을 참조하십시오.