Das Widget "Raster" ist ein Layout-Container, den Sie zum Organisieren von Inhalten in einem Raster verwenden können. Widgets vom Typ "Raster" können mehrere andere Widgets enthalten.
Beispiele
Verwenden Sie dieses Widget, um zum Beispiel die folgenden Anforderungen an das App-Design zu unterstützen:
- Sie möchten Seitenelemente, wie z. B. eingebettete Medien, in einem Raster anordnen.
- Sie möchten, dass die Benutzer einzelne Bilder in einem Raster so erweitern können, dass sie die gesamte Seite einnehmen.
Verwendungshinweise
Wenn Sie ein Widget vom Typ "Raster" hinzufügen, werden die Schaltflächen Widget hinzufügen und Rastervorlage auswählen angezeigt. Das Fenster der letzteren Schaltfläche erscheint automatisch. Sie können eine Rastervorlage auswählen und dann Widgets zu jedem Rasterelement hinzufügen. Um Widgets ohne Vorlage hinzuzufügen, klicken Sie auf die Schaltfläche Widget hinzufügen, und wählen Sie ein Widget aus der Galerie aus, oder ziehen Sie Widgets aus dem Fenster Widget einfügen.
Wenn Sie ein neues Widget in das Raster ziehen, ändert sich das Layout automatisch, je nachdem, wo Sie das Widget platzieren. Wenn Sie es in der Mitte eines Elements platzieren, das bereits ein Widget enthält, wird es auf einer neuen Registerkarte hinzugefügt.
Wenn Sie ein neues Widget an einer anderen Stelle über einem vorhandenen Rasterelement platzieren, wird es als neues Element hinzugefügt und beide Elemente teilen sich den Platz, den vorher das vorhandene Element eingenommen hatte. Sie können mit der Maus auf die Zwischenräume zwischen den Elementen zeigen, um deren Grenzen durch Ziehen zu ändern.
Wenn Sie ein neues Widget auf ein Widget vom Typ "Raster" ziehen, das bereits mehrere Rasterelemente enthält, können Sie das Widget relativ zum gesamten Raster positionieren. Es werden Führungsleisten eingeblendet, mit denen Sie ein Widget oben, unten, links oder rechts im Raster platzieren können.
Einige Widgets, wie z. B. Kachel- und Karten-Widgets, ermöglichen es Ihnen, andere Widgets darin zu verschachteln. Wenn Sie ein solches Widget hinzufügen, wird es standardmäßig in einen gesperrten Zustand versetzt. Sie können auf die Schaltfläche "Sperren" klicken, um das Widget zu entsperren und alle darin enthaltenen Widgets neu anzuordnen. Im gesperrten Zustand können Sie nur die Einstellungen des Widgets selbst ändern. Wenn Sie zum Beispiel ein Widget "Karte", in dem das Widget "Zeichnen" enthalten ist, in ein Raster einfügen, müssen Sie das Widget "Karte" entsperren, um das Widget "Zeichnen" verschieben zu können.
Wenn Sie das Widget "Raster" in eine App einbinden, bietet das Widget den Benutzern die folgenden Interaktionsoptionen (Sie müssen diese Optionen in den Einstellungen des Widgets aktivieren):
- Zum Erweitern einzelner Rasterelemente klicken. Die Schaltfläche
wird angezeigt, wenn ein Benutzer mit dem Mauszeiger auf ein Element zeigt. - Ändern der Abstände (Zwischenräume) zwischen den einzelnen Rasterelementen durch Ziehen, um die Größe der Rasterelemente zu anzupassen.
Hinweis:
In kleinen Bildschirmen werden alle Widgets in einem Raster automatisch in Raster-Registerkarten umgewandelt. Sie können jedoch ein benutzerdefiniertes Layout erstellen, um ein Raster für verschiedene Bildschirmgrößen zu optimieren.Einstellungen
Das Widget "Raster" verfügt über folgende Einstellungen:
- Layout: Konfigurieren Sie Layout-Einstellungen.
- Innenabstand: Ändern Sie die Größe der Abstände um die innere Kante des Widgets entweder auf einmal oder einzeln. Sie können die Werte für die Größe in Pixel (px) oder Prozent (%) angeben.
- Abstand: Ändern Sie die Farbe und Breite der Zwischenräume zwischen den Rasterelementen. Sie können die Werte für die Breite in Pixel (px) angeben.
- Rasterelemente: Definieren Sie, wie Benutzer zur Laufzeit mit Rasterelementen interagieren können.
- Größenanpassung zulassen: Erlauben Sie den Benutzern das Ziehen der Zwischenräume, sodass sie die Größe der Rasterelemente anpassen können.
- Erweiterung zulassen: Erlauben Sie den Benutzern, einzelne Rasterelemente zu erweitern.