Reibungsloser Übergang zwischen Layoutänderungen

Artikel
10/11/2017

Layouteigenschaften werden normalerweise auf diskrete Werte (wie Zeilen- oder Spaltennummern) oder automatische Werte (wie Breite und Höhe) gesetzt. Verwenden Sie das dynamische Layout (FluidLayout), um bei Änderungen dieser Art von Eigenschaften einen nahtlosen Übergang zu erzielen. Wenn ein Objekt in der unteren linken Zelle des Grid -Layoutpanels z. B. in einem Status angezeigt wird, in der unteren rechten Zelle des Layoutpanels jedoch in einem anderen Status, führt der Übergang zwischen den beiden Status zu einer deutlichen Änderung. Sie können dies verhindern, indem Sie für die Statusgruppe das dynamische Layout aktivieren und die Übergangsdauer erhöhen.

Hinweis:
Das dynamische Layout wirkt sich nur auf Layouteigenschaften aus.

So erzielen Sie einen nahtlosen Übergang zwischen Layoutänderungen

Legen Sie in einem geöffneten Dokument das Layout der Objekte fest. Beispiel: Sie verwenden ein Grid -Objekt mit drei Spalten und drei Zeilen und vier verschiedenen Objekten in vier der neun Zellen.
Definieren Sie im Zuständepanel verschiedene visuelle Status, und ändern Sie die Layouteigenschaften der Objekte in den Status. Definieren Sie für die einzelnen Objekte z. B. jeweils einen Status, bei dem das Objekt in der unteren rechten Ecke über zwei Zeilen und Spalten hinweg angezeigt wird.

Weitere Informationen zum Erstellen von Status finden Sie unter Definieren verschiedener visueller Statusmöglichkeiten und Übergangszeiten für Benutzersteuerelemente.
Legen Sie im Zuständepanel den Zeitwert Standardübergang für die Statusgruppe auf 1 Sekunde fest.
Optional können Sie auf EasingFunction klicken, um eine Beschleunigungsfunktion zum Anwenden des Übergangs auszuwählen. Mithilfe der Beschleunigungsfunktionen lässt sich eine realistischere Animation erzielen. Die Beschleunigungsfunktion Bounce erstellt z. B. einen Sprungeffekt.
Öffnen Sie das Objektepanel, wählen die Kategorie Verhalten aus und ziehen das Verhalten GoToStateAction auf das Objekt in der unteren linken Ecke, um die Änderung zwischen Status zu aktivieren.
Ändern Sie im Eigenschaftenpanel die StateName -Eigenschaft von GoToStateAction in den Namen des Status, der für die Bewegung des Objekts in der unteren linken Ecke zuständig ist. Ändern Sie die StateName -Eigenschaft z. B. in Show1 .

Weitere Informationen zu Verhalten finden Sie unter Arbeiten mit Verhalten.
Sie verfügen jetzt über einen funktionierenden Statusübergang. Testen Sie die Anwendung, indem Sie F5 drücken und in der unteren linken Ecke des Rasters auf das Objekt klicken. Es wird sofort in die untere rechte Ecke verschoben, obwohl die Übergangszeit auf 1 Sekunde festgelegt ist.
Klicken Sie für die Statusgruppe im Zuständepanel auf FluidLayout einschalten .
Testen Sie die Anwendung erneut, indem Sie F5 drücken und in der unteren linken Ecke des Rasters auf das Objekt klicken. Es wird nahtlos in die untere rechte Ecke verschoben, und der Vorgang dauert exakt 1 Sekunde.