Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

blockly > Scrollbar

Scrollbar-Kurs

Klasse für eine reine SVG-Bildlaufleiste. Bei dieser Technik gibt es eine Bildlaufleiste, die garantiert funktioniert, aber nicht wie die Bildlaufleiste des Systems aussieht oder sich so verhält.

Unterschrift:

export declare class Scrollbar 

Konstruktoren

Konstruktor Modifikatoren Beschreibung
(Konstruktor)(Workspace, horizontal, opt_pair, opt_class, opt_margin) Erstellt eine neue Instanz der Scrollbar-Klasse

Attribute

Attribut Modifikatoren Typ Beschreibung
lengthAttribute_ String Das DOM-Attribut, das die Länge der Bildlaufleiste steuert. Bei horizontalen und vertikalen Bildlaufleisten ist das anders.
onMouseDownBarWrapper_ browserEvents.Data Handler für Mousedown-Ereignisse im Hintergrund der Bildlaufleiste.
onMouseDownHandleWrapper browserEvents.Data Handler für Mousedown-Ereignisse im Ziehpunkt der Bildlaufleiste.
onMouseMoveWrapper_ browserEvents.Data | Null Handler für Mouse-Up-Ereignisse, um das Ziehen von Bildlaufleisten zu beenden
onMouseUpWrapper_ browserEvents.Data | Null Handler für Ereignisse beim Bewegen der Maus während des Ziehens der Bildlaufleiste
positionAttribute_ String Das DOM-Attribut, das die Position der Bildlaufleiste steuert. Bei horizontalen und vertikalen Bildlaufleisten ist das anders.
scrollbarThickness static Zahl Breite der vertikalen Bildlaufleiste oder Höhe der horizontalen Bildlaufleiste in CSS-Pixeln. Die Bildlaufleisten sollten auf Geräten mit Touchscreen größer sein.

Methoden

Methode Modifikatoren Beschreibung
dispose() Entsorgen Sie diese Bildlaufleiste. Entfernen Sie DOM-Elemente, Ereignis-Listener und Designabos.
isViewable() Ist die Bildlaufleiste sichtbar? Nicht gekoppelte Bildlaufleisten werden ausgeblendet, wenn sie nicht benötigt werden.
resize(opt_metrics). Berechnen Sie die Position und Länge der Bildlaufleiste neu.
resizeContentHorizontal(hostMetrics) Berechnen Sie die Position einer horizontalen Bildlaufleiste im Pfad und in der Länge neu. Dies sollte aufgerufen werden, wenn sich der Inhalt des Arbeitsbereichs geändert hat.
resizeContentVertical(hostMetrics): Berechnen Sie die Position einer vertikalen Bildlaufleiste im Pfad und in der Länge neu. Dies sollte aufgerufen werden, wenn sich der Inhalt des Arbeitsbereichs geändert hat.
resizeViewHorizontal(hostMetrics): Berechne die Position der horizontalen Bildlaufleiste auf dem Bildschirm und der Pfadlänge neu. Dies sollte aufgerufen werden, wenn sich das Layout oder die Größe des Fensters geändert hat.
resizeViewVertical(hostMetrics) Berechnen Sie die Position der vertikalen Bildlaufleiste auf dem Bildschirm und der Pfadlänge neu. Dies sollte aufgerufen werden, wenn sich das Layout oder die Größe des Fensters geändert hat.
set(value, updateMetrics) Position des Ziehpunkts der Bildlaufleiste festlegen.
setContainerViewable(sichtbar) Legen Sie fest, ob der Container der Bildlaufleiste sichtbar ist, und aktualisieren Sie die Anzeige entsprechend, wenn sich die Sichtbarkeit geändert hat.
setHandlePosition(newPosition) Legen Sie den Offset des Ziehpunkts der Bildlaufleiste von der Position der Bildlaufleiste fest und ändern Sie das SVG-Attribut entsprechend.
setOrigin(x; y) Notieren Sie sich den Ursprung des Arbeitsbereichs, in dem sich die Bildlaufleiste befindet, in Pixeln relativ zum Ursprung des div-Elements. Das ist der Fall, wenn die Bildlaufleiste in einem Objekt verwendet wird, dessen Ursprung nicht mit dem Hauptarbeitsbereich übereinstimmt (z.B. in einem Flyout).
setSichtbar(sichtbar) Legen Sie fest, ob die Bildlaufleiste sichtbar ist. Gilt nur für nicht gekoppelte Bildlaufleisten.
updateDisplay_() Die Sichtbarkeit der Bildlaufleiste wird aktualisiert, je nachdem, ob sie sichtbar ist oder ob der Arbeitsbereich enthalten ist. Wir können uns nicht darauf verlassen, dass der enthaltene Arbeitsbereich verborgen bleibt, um uns zu verbergen, da es nicht zwangsläufig unser übergeordnetes Element im DOM ist.