FlyoutZoomView.highlightmode

Letzte Aktualisierung: 2023-11-04
  • Erstellt für:
  • Developer
    User

[FlyoutZoomView.|<containerId>_flyout.]highlightmode=highlight|cursor[, *showtime*[,onimage|free]]

highlight|cursor

Gibt den Typ des zu verwendenden Navigationsrahmens an. Wenn festgelegt auf Cursor verwendet die Komponente einen Referenz-Cursor fester Größe. Es ist möglich, verschiedene Cursorgrafiken für Desktop-Systeme und Touch-Geräte zu verwenden. Diese Fähigkeit wird durch .s7cursor CSS-Klasse und input=mouse|touch -Attributauswahl. Auf Desktop-Systemen wird ein Ankerpunkt in der Mitte des Cursor-Bereichs festgelegt, während sich der Anker auf Touch-Geräten in der unteren Mitte des Cursors befindet. Wenn festgelegt auf highlight verwendet die Komponente einen Navigationsrahmen mit variabler Größe. Größe und Form des Rahmens hängen vom Zoomfaktor und der Größe der Flyout-Ansicht ab.

showtime

Legt die Zeit (in Sekunden) fest, in der die Hervorhebung oder der Cursor nach der Aktivierung durch den Benutzer ausgeblendet werden muss. "Einblenden"wird nur auf Touch-Geräten angewendet. Auf Desktop-Systemen wird sie von der Komponente ignoriert.

Einblenden wird auf die folgenden Benutzeroberflächenelemente angewendet: Markierungsrahmen, fester Cursor, Überlagerung (in diesem Fall: Overlay -Parameter auf 1 ). Die Animation der Flyout-Ansicht beginnt erst, nachdem das Hervorheben/Verbergen der Animation abgeschlossen ist. Es gibt keine verblassende Animation. Wenn der Benutzer den Flyout deaktiviert, werden die entsprechenden Elemente der Benutzeroberfläche (Cursor, Hervorheben und Überlagerung) sofort ausgeblendet.

onimage|free

Steuert die Positionierung des Navigationsrahmens.

Wenn auf onimage , kann der Navigationsrahmen nur innerhalb des tatsächlichen Bildbereichs in der Hauptansicht positioniert werden.

Wenn auf kostenlos Ein Benutzer kann den Navigationsrahmen an eine beliebige Stelle im logischen Hauptansichtsbereich verschieben, auch außerhalb des Bildinhalts.

Eigenschaften

Optional.

Standard

highlight,0.1,onimage

Beispiel

highlightmode=cursor,1,free

Auf dieser Seite