WPF는 이미지 패닝, 확대/축소, 오버레이 표시, 원본 이미지 표시 등의 기능을 구현하기 위해 기본 이미지 뷰어를 만드는 다양한 방법을 제공합니다. ViewBox 및 ImageBrush과 같은 기본 제공 컨트롤이 이러한 기능을 지원할 수 있지만 이 문서에서는 사용자 정의 코드 구현을 안내하여 작동 방식을 더 잘 이해할 수 있습니다.
이동 및 확대/축소를 처리하기 위해 ZoomBorder이라는 사용자 정의 컨트롤을 만듭니다. 이 클래스는 이미지 변환 논리를 캡슐화합니다.
ZoomBorder 컨트롤은 UIElement을 하위 요소로 사용하고 변형을 적용하여 크기 조정 및 패닝을 달성합니다. 코드는 이러한 기능을 구현하기 위해 마우스 휠, 왼쪽 버튼 드래그 및 마우스 이동에 대한 이벤트 핸들러를 정의합니다.
MainWindow 창에서 ZoomBorder를 사용하여 이미지를 표시하고 조작할 수 있습니다. ZoomBorder의 Child 속성은 보고 싶은 이미지로 설정해야 합니다.
child_MouseWheel 이벤트 핸들러의 크기 조정 알고리즘은 마우스 휠 증분을 기준으로 크기 조정 요소를 계산하고 이를 이미지의 ScaleTransform에 적용합니다. 또한 TranslateTransform를 조정하여 마우스 포인터를 기준으로 이동 위치를 유지합니다.
child_MouseLeftButtonDown 및 child_MouseMove 이벤트 핸들러가 패닝을 처리합니다. 사용자가 마우스 왼쪽 버튼을 클릭하고 드래그하면 이미지의 TranslateTransform이 업데이트되어 그에 따라 이미지가 이동됩니다.
재설정 버튼을 포함하려면 MainWindow에 버튼을 추가하고 해당 클릭 이벤트를 처리하여 ZoomBorder의 Reset 메서드를 호출합니다.
WPF에서 사용자 정의 ZoomBorder를 구현하면 이동 및 확대/축소 기능을 갖춘 간단하면서도 효율적인 이미지 뷰어를 만들 수 있습니다. 이 접근 방식은 ViewBox과 같이 미리 정의된 컨트롤을 사용하는 것보다 사용자 경험에 대한 더 큰 유연성과 제어 기능을 제공합니다.
위 내용은 사용자 정의 컨트롤을 사용하여 WPF에서 팬 및 줌 이미지 뷰어를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
