Skip To Content

Das Widget "Kachel"

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 festlegen, um die Kachel anklickbar zu machen, und Sie können verschiedene Styles für den normalen Zustand und den Zustand beim Daraufzeigen (Hovern) 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.

Wenn Sie die Kachel als Link konfigurieren, kann sie zwei Zustände aufweisen: Normal und Daraufzeigen. Verwenden Sie den Style "Daraufzeigen", um darauf hinzuweisen, dass die Kachel anklickbar ist, oder definieren Sie unterschiedliche Inhalte für den Daraufzeigen-Zustand, die dem Benutzer in derselben Kachel bereitgestellt werden. Wenn Sie beide Zustände für eine Kachel aktivieren, werden die Schaltflächen für die Zustände neben der Kachel auf der Zeichenfläche angezeigt, damit Sie schnell zwischen ihnen für die weitere Gestaltung wechseln können. Die Schaltfläche Verknüpft mit Verknüpft mit wird angezeigt, wenn Sie die geschachtelten Widgets auswählen. Diese Schaltfläche gibt an, ob die Einstellungen des Widgets isoliert oder hinsichtlich der Zustände synchronisiert sind.

  • 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). 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.
    • Normal: 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.
    Tipp:

    Wenn Sie mit diesen Optionen experimentieren möchten, dann klicken Sie auf Live-Ansicht auf der Builder-Werkzeugleiste.