Reibungsloser Übergang zwischen Layoutänderungen

  • Artikel

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 eines Rasterpanels z. B. in einem Status angezeigt wird, in der unteren rechten Zelle des Rasterpanels jedoch in einem anderen Status, führt der Übergang zwischen den beiden Status zu einer deutlichen Änderung. Um dies zu verhindern, können Sie für die Statusgruppe das dynamische Layout aktivieren und die Übergangsdauer erhöhen.

Ee341455.alert_note(DE-DE,Expression.30).gifHinweis:

Das dynamische Layout wirkt sich nur auf Layouteigenschaften aus.

So erzielen Sie einen nahtlosen Übergang zwischen Layoutänderungen

  1. 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.

    Ee341455.067dbe1c-2246-4c0e-b9f2-2eb9ad082e5e(DE-DE,Expression.30).png

  2. 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.

    Ee341455.198ca721-de5e-4d7d-85ab-97fbb02dcbc8(DE-DE,Expression.30).png

    Weitere Informationen zum Erstellen von Status finden Sie unter Definieren verschiedener visueller Statusmöglichkeiten und Übergangszeiten für Benutzersteuerelemente.

  3. Legen Sie im Zuständepanel den Zeitwert Standardübergang für die Statusgruppe auf 1 Sekunde fest.

  4. Optional können Sie auf EasingFunction Ee341455.9718b395-a71d-40b2-9d08-8e29a225151f(DE-DE,Expression.30).png 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.

  5. Um die Änderung zwischen Status zu aktivieren, öffnen Sie das Objektepanel, wählen die Kategorie Verhalten aus und ziehen das Verhalten GoToStateAction auf das Objekt in der unteren linken Ecke.

  6. Ä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.

    Ee341455.8d71b559-361b-4885-ad87-9d5537215514(DE-DE,Expression.30).png

    Weitere Informationen zu Verhalten finden Sie unter Hinzufügen von Verhalten zu Objekten.

  7. 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.

  8. Klicken Sie für die Statusgruppe im Zuständepanel auf FluidLayout einschalten Ee341455.04416d58-b1c8-4338-b8fc-9ed002ec88bc(DE-DE,Expression.30).png.

  9. 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.

Siehe auch

Aufgaben

Definieren verschiedener visueller Statusmöglichkeiten und Übergangszeiten für Benutzersteuerelemente

Konzepte

Hinzufügen von Verhalten zu Objekten

Verwenden des Rasterpanels