Das Widget "Kachel" bietet einen flexiblen und erweiterbaren Inhaltscontainer, in dem Sie verschiedene zugehörige Informationen anzeigen können. Der Inhalt kann aus verschiedenen Widgets wie Texte, Bilder, Schaltflächen und Karten bestehen. Wählen Sie aus mehreren vordefinierten Kachelvorlagen aus, oder wählen Sie eine leere Vorlage aus, um eine eigene Kachel zu erstellen. Sie können einen Link für die Kachel festlegen, der angeklickt werden kann, und Sie können verschiedene Styles für die Zustände "Standard" und "Daraufzeigen" konfigurieren.
Beispiele
Verwenden Sie dieses Widget, um zum Beispiel die folgenden Anforderungen an das App-Design zu unterstützen:
- Sie möchten zugehörige Informationen für ein bestimmtes Thema zu einem zusammenhängenden Inhalt zusammenfassen, wie z. B. die Elementdetails einer ArcGIS-Karte oder eines Feature-Service.
- Sie möchten kurze Handlungsaufforderungen gruppieren, z. B. Gruppen von Daten oder Produkten präsentieren, damit der Benutzer schneller findet, was er sucht, und auf Kacheln für einen einfachen Zugriff klicken kann.
- Sie möchten eine visuelle Zusammenfassung für einen Ort mit kurzem Text und einem Bild oder einer Karte bereitstellen, auf die der Benutzer klicken kann, um weitere Details auf einer anderen Seite oder in einem anderen Abschnitt Ihrer App zu erhalten.
Verwendungshinweise
Wenn Sie ein Widget vom Typ "Kachel" hinzufügen, wählen Sie zuerst ein Vorlagendesign aus, und klicken Sie auf Start. Wählen Sie auf der Zeichenfläche die geschachtelten Widgets in der Kachel aus, um den Inhalt und das Layout zu ändern oder weitere Elemente hinzuzufügen, indem Sie Widgets aus dem Bereich Einfügen auf die Kachel ziehen. Das Widget "Kachel" unterstützt alle Widgets.
Tipp:
Wenn die geschachtelten Widgets den Container füllen, können Sie die Konfigurationseinstellungen für das Widget "Kachel" öffnen, indem Sie es im Bereich der Gliederungsansicht auswählen.
Ein Widget vom Typ "Kachel" kann zwei Zustände aufweisen: Standard und Daraufzeigen. Der Zustand "Daraufzeigen" wird angezeigt, wenn ein Benutzer mit dem Mauszeiger auf die Kachel zeigt. Mit dem Zustand "Daraufzeigen" kann angezeigt werden, dass auf Kacheln geklickt werden kann, und es können zusätzliche Informationen eingebunden werden. Wenn Sie beide Zustände für eine Kachel aktivieren, werden Schaltflächen für die Zustände neben der Kachel auf der Zeichenfläche angezeigt. Mit diesen Schaltflächen können Sie zwischen den beiden Zuständen wechseln. Die Schaltfläche Verknüpft mit wird angezeigt, wenn Sie ein geschachteltes Widget auswählen. Diese Schaltfläche gibt an, ob die Einstellungen des Widgets isoliert oder hinsichtlich der beiden Zustände synchronisiert sind. Wenn Sie auf Verknüpft mit klicken, werden zusätzliche Optionen angezeigt, mit denen Sie die Einstellungen des Widgets in einem Zustand auf einen anderen Zustand anwenden oder die Einstellungen des Widgets in diesem Zustand isolieren können.
- Bei synchronisierten Widgets sind Widget-Inhalt und Style-Einstellungen (Hintergrund, Rahmen und Schatten) identisch, und die Größe und Positionen können in den einzelnen Zuständen unterschiedlich sein.
- Bei isolierten Widgets können Sie Eigenschaften ohne Auswirkung auf andere Widgets in einem anderen Zustand konfigurieren.
- Um dasselbe Widget in einem anderen Zustand zu verwenden oder die Größe und Position des Widgets ebenfalls zu synchronisieren, wählen Sie das Widget aus und übernehmen es in den gewünschten Zustand.
- Wenn Sie ein synchronisiertes Widget löschen, wird dasselbe Widget in anderen Zuständen ebenfalls gelöscht, sofern Sie das Widget zuvor nicht isoliert haben.
Einstellungen
Für das Widget "Kachel" sind folgende Einstellungen verfügbar:
- Vorlage auswählen: Wählen Sie unter den vordefinierten Kacheldesigns aus, oder beginnen Sie mit einer leeren Kachelvorlage. (Wenn Sie eine Vorlage auswählen, können Sie ihr Aussehen später anpassen.)
- Link festlegen: Fügen Sie der Kachel einen Link zu anderen Inhalten, beispielsweise einer Webadresse oder einer Abschnittsansicht, einem Fenster oder einer Seite in der App, hinzu. Handelt es sich um einen Link zu einer Webadresse, geben Sie eine URL ein (mit https:// beginnend). Zusätzlich zu einer Webadresse können Sie mit der Option URL einen Link setzen, der zu einer E-Mail-Adresse, Telefonnummer usw. führt. Sie können festlegen, ob der Link in demselben Fenster wie die App, im oberen Fenster oder in einem neuen Fenster geöffnet wird.
- Zustände: Stellen Sie eine visuelle Darstellung für die Angabe des Zustands der Kachel mit unterschiedlichen Farben, Styles und Inhalten bereit.
- Standard: Der Standardzustand der Kachel ohne Benutzerinteraktion. Sie können Styles für Hintergrund, Rahmen und Feldschatten für diesen Zustand festlegen.
- Daraufzeigen: Der Zustand, der durch den Benutzer initiiert wird, wenn er auf die Kachel zeigt. Dieser Zustand ist optional. Wenn der Daraufzeigen-Zustand aktiviert ist, können Sie das Design (einschließlich des Widget-Layouts und -Inhalts) isolieren. Sie können Styles für Hintergrund, Rahmen, Feldschatten und animierte Übergänge für diesen Zustand festlegen.
- Layout: Wählen Sie einen Modus für die Gestaltung des Layouts für den Zustand "Daraufzeigen" aus.
- Automatisch: Die Einstellungen geschachtelter Widgets werden für den Zustand "Standard" und "Daraufzeigen" synchronisiert. Bei Auswahl dieses Modus können Sie Einstellungen für geschachtelte Widgets nur konfigurieren, wenn Sie den Zustand Standard auf der Zeichenfläche bearbeiten. Dieser Modus ist geeignet, wenn Sie nur die Einstellungen für den Inhalt der Kachel, z. B. Hintergrund- und Rahmeneinstellungen, zwischen dem Zustand "Standard" und "Daraufzeigen" ändern möchten.
- Benutzerdefiniert: Erstellen Sie ein separates Layout für den Zustand "Daraufzeigen" der Kachel. Bei Auswahl dieses Modus können Sie Widgets beim Bearbeiten beider Zustände manuell anordnen und konfigurieren. Widgets, die Sie dem Layout eines Zustands hinzufügen, werden nicht automatisch für den anderen Zustand angezeigt. Sie können jedoch die Schaltfläche Verknüpft mit verwenden, um Widgets zwischen beiden Zuständen zu synchronisieren.
- Layout: Wählen Sie einen Modus für die Gestaltung des Layouts für den Zustand "Daraufzeigen" aus.