Widget "Schaltfläche"

Das Widget "Schaltfläche" stellt Links zum Öffnen von Seiten, Fenstern und Abschnittsansichten in Ihrer App, Durchführen eines Bildlaufs zu einem bestimmten Block oder zum Seitenanfang bzw. zum Wechseln zu einer Webadresse bereit. Sie können eine Datenquelle verwenden, um dynamische Schaltflächen bereitzustellen, für die der Text oder Link basierend auf einer Feature-Auswahl (zum Beispiel in einer Karte oder Liste) geändert wird. Beim Gestalten von Schaltflächen können Sie unter verschiedenen Styles, Größen und Farben wählen.

Beispiele

Verwenden Sie dieses Widget, um zum Beispiel die folgenden Anforderungen an das App-Design zu unterstützen:

  • Sie haben einen Feature-Layer, der URLs zu Websites enthält, und möchten eine Schaltfläche als Link zum Öffnen der Website, die mit einem ausgewählten Feature verknüpft ist, verwenden.
  • Ihre App enthält mehrere Seiten und ein Menü auf der Startseite für den Zugriff auf jede Seite. Sie haben auch mehrere Abschnitte, die für Benutzer schnell erreichbar sein sollen. Sie können Schaltflächen erstellen, mit denen ein Benutzer an beliebigen Stellen in der App zurück zur Startseite oder weiter zu relevanten Abschnitten oder Seiten gelangt.

Verwendungshinweise

Wenn Sie der Seite ein Schaltflächen-Widget hinzufügen, wird neben dem Widget das Fenster Schnellformat angezeigt, in dem Sie unter voreingestellten Designs auswählen können, die mit dem Design Ihrer App koordiniert sind. (Um später wieder auf dieses Fenster zuzugreifen, klicken Sie auf die Schaltfläche Schnellformat Schnellformat auf der Werkzeugleiste des Widgets.) Sie können auch ein Schaltflächendesign konfigurieren, indem Sie Farben und Schriftarten für die Zustände "Standard" und "Daraufzeigen" in den erweiterten Einstellungen auswählen.

Wenn Sie die Schaltfläche mit einer Datenquelle verbinden, zum Beispiel einem Feature-Layer, können Sie die Feature-Daten verwenden, um den Text oder die URL des Links der Schaltfläche zu füllen.

Tipp:

Klicken Sie auf der Werkzeugleiste des Widgets "Schaltfläche" auf die Schaltfläche Anheften, damit das Widget auf Bildlaufseiten immer sichtbar bleibt.

Einstellungen

Das Widget "Schaltfläche" verfügt über folgende Einstellungen:

  • Mit Daten verbinden: Sie können die Schaltfläche auch mit Daten verbinden, damit Sie einen dynamischen Link festlegen können, zum Beispiel mit einer URL aus Feature-Attributen.
    • Daten auswählen: Wählen Sie Feature-Layer als Datenquelle aus.
  • Link festlegen: Fügen Sie auf der Schaltfläche einen Link hinzu, um Seiten, Fenster und Abschnittsansichten in Ihrer App zu öffnen, einen Bildlauf zu einem bestimmten Block oder zum Seitenanfang durchzuführen bzw. zu einer Webadresse zu wechseln. Wenn Sie einen Link zu einer Webadresse erstellen, dann geben Sie eine URL (die mit https:// beginnt) ein. 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. Wenn Sie die Schaltfläche mit einer Datenquelle verbinden, dann wählen Sie eine dynamische Quelle für die URL mit Attribut oder Ausdruck. Sie können festlegen, ob der Link in demselben Fenster wie die App, im oberen Fenster oder in einem neuen Fenster geöffnet wird.
    • QuickInfo: Geben Sie einen Hovertext an, der die Ressource, die mit der Schaltfläche geöffnet wird, beschreibt.
    • Text: Geben Sie den Text an, der auf der Schaltfläche angezeigt wird. Wenn Sie die Schaltfläche mit Daten verbinden, dann können Sie dynamischen Text verwenden, der auf der Datenquelle basiert, indem Sie Attribut, Statistik oder Ausdruck wählen.
    • Symbol: Fügen Sie der Schaltfläche ein Symbol hinzu, und legen Sie fest, ob es links oder rechts neben dem Schaltflächentext positioniert werden soll. Sie können Symbole aus den Galerien Allgemein und Pfeile auswählen oder ein eigenes Symbol aus einer Datei hinzufügen. Klicken Sie auf die Schaltfläche Löschen, um nicht verwendete hochgeladene Symbole zu entfernen.
      Hinweis:

      Sie können folgende Bildformate hochladen: PNG, GIF, JPG, JPEG und BMP. Um die optimale Performance zu gewährleisten, gilt ein Größenlimit von 10 MB pro Upload.

  • Erweitert: Überschreiben der Schriftart und der Farben, die vom Design der App übernommen wurden, um die beiden Zustände der Schaltfläche zu gestalten: Standard ist der Zustand der Schaltfläche ohne Benutzerinteraktion und Daraufzeigen ist der Zustand der Schaltfläche, der vom Benutzer ausgelöst wird, wenn er auf die Schaltfläche zeigt oder klickt.
    • Text: Ändern Sie die Schriftgröße (in Pixel) und die Schriftfarbe, und formatieren Sie den Schaltflächentext fett, kursiv, durchgestrichen und/oder unterstrichen.
    • Hintergrund: Wählen Sie eine Füllfarbe oder ein Bild aus, um den Hintergrund der Schaltfläche festzulegen. Wenn Sie ein Bild auswählen, dann können Sie es mit Anpassen, Ausfüllen, Zentrieren, Kachel oder Strecken in der Schaltfläche positionieren. Wenn Sie Anpassen auswählen, wird auf der Schaltfläche die Hintergrundfüllfarbe um das Bild herum angezeigt.
    • Rahmen: Wählen Sie eine Rahmenfarbe, eine Rahmenart (zum Beispiel gestrichelt oder gepunktet) und eine Rahmenbreite in Pixel aus.
    • Ecke: Ändern Sie den Radius (in Pixel oder Prozent), um die Form der Ecken der Schaltfläche festzulegen. Sperren Sie die Einstellungen, um den Radius aller vier Ecken zu synchronisieren.
    • Schatten: Fügen Sie mit den folgenden Einstellungen einen Schatteneffekt um die Schaltfläche hinzu:
      • Versatz X: Legen Sie die horizontale Entfernung des Schattens fest. Der Schatten wird bei einem negativen Wert links neben der Schaltfläche und bei einem positiven Wert rechts neben der Schaltfläche platziert.
      • Versatz Y: Legen Sie die vertikale Entfernung des Schattens fest. Der Schatten wird bei einem negativen Wert oberhalb der Schaltfläche und bei einem positiven Wert unterhalb der Schaltfläche platziert.
      • Unschärferadius: Wenden Sie einen Weichzeichnereffekt auf den Schatten an.
      • Ausdehnungsradius: Passen Sie die Größe des Schattens an.
      • Farbe: Wählen Sie eine Schattenfarbe aus.

Optionen für Interaktionen

Sie können Widgets vom Typ "Schaltfläche" verwenden, um Widgets vom Typ Seitenleiste zu öffnen und zu schließen.

Fügen Sie dazu der App ein Widget "Schaltfläche" und ein Widget "Seitenleiste" hinzu. Klicken Sie in den Einstellungen des Schaltflächen-Widgets auf der Registerkarte Aktion auf Trigger hinzufügen, und wählen Sie dann den Trigger Klick auf die Schaltfläche aus. Wählen Sie ein Seitenleisten-Widget als Ziel aus, und wählen Sie dann die Aktion Seitenleiste umschalten.