Hinzufügen von Steuerelementen vom Typ „SemanticZoom“ (HTML)

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation ]

Mit dem SemanticZoom-Steuerelement können Benutzer zwischen zwei verschiedenen Ansichten des gleichen Inhalts zoomen. Hier zeigen wir, wie Sie das SemanticZoom-Steuerelement verwenden.

Sehen Sie sich dieses kurze Video an, um einen Überblick über den semantischen Zoom und Informationen zum Implementieren dieser Funktion in JavaScript und HTML zu erhalten.

Die Benutzer können das semantische Zoomen auf drei Arten ausführen: direkt durch Zusammendrücken und Aufziehen (d. h. das Zusammenführen der Finger verkleinert und Auseinanderbewegen vergrößert die Anzeige), durch Gedrückthalten der STRG-TASTE und gleichzeitiges Drehen des Mausrads oder durch Gedrückthalten der STRG-TASTE und Drücken der +-/–-TASTE. Beim SemanticZoom steht außerdem in der vergrößerten Ansicht eine Schaltfläche zum Verkleinern zur Verfügung.

Zoomen durch Inhalte

Der semantische Zoom ist für die schnelle Durchsicht von Inhalten nützlich. Wenn Sie auf den Inhalt in einer verkleinerten Ansicht tippen, wird die Ansicht wie hier gezeigt vergrößert und zur berührten Stelle verschoben.

In der verkleinerten Ansicht kann der gesamte Inhalt als Fingereingabeziel fungieren:

Tippen auf einen Teil des Inhalts:

Vergrößerte und auf den berührten Bereich gerichtete Darstellung:

Der Übergang von einem semantischen Zoom zum nächsten erfolgt durch eine fließende Überblendanimation. Dies ist das standardmäßige Toucheingabeverhalten und kann nicht angepasst werden.

Inhalt dieses Abschnitts

Thema	Beschreibung
Schnellstart: Hinzufügen eines semantischen Zooms	Hier erfahren Sie, wie Sie mithilfe des SemanticZoom-Steuerelements zwischen zwei Ansichten desselben Inhalts zoomen.
SemanticZoom-Vorlagen	Sie können diese Elementvorlagen mit einer ListView verwenden, die eine verkleinerte Ansicht für ein SemanticZoom-Steuerelement bereitstellt.