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 erneut auf dieses Fenster zuzugreifen, klicken Sie auf die Schaltfläche Schnellformat auf der Werkzeugleiste des Widgets.) Sie können auch ein eigenes Schaltflächendesign konfigurieren, indem Sie Farben und Schriftarten für den normalen Zustand und den Zustand beim Daraufzeigen (Hovern) in den erweiterten Einstellungen auswählen.

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

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 der Schaltfläche einen Link hinzu, damit sie eine Webadresse oder eine Abschnittsansicht oder Seite in Ihrer App öffnet. Wenn Sie einen Link zu einer Webadresse erstellen, dann geben Sie eine URL (die mit https:// beginnt) ein. 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.
• Erweitert: Überschreiben Sie die Schriftart und die Farben, die aus dem Design der App übernommen wurden, um den Style der zwei Zustände der Schaltfläche festzulegen: Normal ist der Zustand der Schaltfläche ohne Benutzerinteraktion, und Daraufzeigen ist der Zustand der Schaltfläche, der durch den Benutzer initiiert 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.