Wie erstelle ich einen Bildbetrachter zum Schwenken und Zoomen in WPF mithilfe eines benutzerdefinierten Steuerelements?

Benutzerdefinierte Steuerung zum Schwenken und Zoomen von WPF-Bildern

WPF bietet eine Vielzahl von Methoden zum Erstellen eines grundlegenden Bildbetrachters, um Funktionen wie Bildschwenken, Zoomen, Überlagerungsanzeige und Originalbildanzeige zu erreichen. Während integrierte Steuerelemente wie ViewBox und ImageBrush bei diesen Funktionen hilfreich sein können, führt Sie dieser Artikel durch die Implementierung von benutzerdefiniertem Code, damit Sie besser verstehen, wie es funktioniert.

Benutzerdefinierte ZoomBorder-Steuerung

Um das Schwenken und Zoomen zu handhaben, erstellen wir ein benutzerdefiniertes Steuerelement namens ZoomBorder. Diese Klasse kapselt die Logik der Bildtransformation.

ZoomBorder-Implementierung

Das

ZoomBorder-Steuerelement verwendet UIElement als untergeordnetes Element und wendet Transformationen an, um Skalierung und Schwenken zu erreichen. Der Code definiert Ereignishandler für das Mausrad, das Ziehen mit der linken Maustaste und die Mausbewegung, um diese Funktionen zu implementieren.

Verwendung

in MainWindow

Im Fenster MainWindow können Sie mit ZoomBorder Bilder anzeigen und bearbeiten. Das ZoomBorder-Attribut von Child sollte auf das Bild eingestellt sein, das Sie anzeigen möchten.

Skalierungsalgorithmus

Der Skalierungsalgorithmus im

child_MouseWheel-Ereignishandler berechnet den Skalierungsfaktor basierend auf der Mausradinkrementierung und wendet ihn auf das ScaleTransform des Bildes an. Außerdem wird das TranslateTransform angepasst, um die Übersetzungsposition relativ zum Mauszeiger beizubehalten.

Übersetzungsalgorithmus

Die Ereignishandler

child_MouseLeftButtonDown und child_MouseMove kümmern sich um das Schwenken. Wenn der Benutzer mit der linken Maustaste klickt und zieht, wird das TranslateTransform des Bilds aktualisiert, um das Bild entsprechend zu verschieben.

Reset-Button-Implementierung

Um eine Schaltfläche zum Zurücksetzen einzuschließen, fügen Sie eine Schaltfläche zu MainWindow hinzu und verarbeiten deren Klickereignis, um die ZoomBorder-Methode von Reset aufzurufen.

Zusammenfassung

Durch die Implementierung der Anpassung ZoomBorder in WPF können Sie einen einfachen, aber effizienten Bildbetrachter mit Schwenk- und Zoomfunktion erstellen. Dieser Ansatz bietet mehr Flexibilität und Kontrolle über die Benutzererfahrung als die Verwendung vordefinierter Steuerelemente wie ViewBox.

Das obige ist der detaillierte Inhalt vonWie erstelle ich einen Bildbetrachter zum Schwenken und Zoomen in WPF mithilfe eines benutzerdefinierten Steuerelements?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!