Moderne Steuerelemente

Abgeschlossen

Microsoft arbeitet ständig an neuen Wegen, um nicht nur das Anwendungsdesign zu vereinfachen, sondern auch das Erscheinungsbild der Anwendungen für Benutzer zu verbessern. Eine Möglichkeit dafür in Power Apps sind moderne Steuerelemente und Themen.

Der Vorteil moderner Steuerelemente und Themen ist, dass sie für Entwickler schneller und einfacher zu konfigurieren sind. Zudem bieten sie den Endbenutzern ein zusammenhängenderes Erlebnis. Moderne Steuerelemente konzentrieren sich auf Zugänglichkeit, Benutzerfreundlichkeit und bessere Leistung, wodurch sie optisch ansprechender, hochfunktionaler und intuitiver bedient werden können.

Derzeit sind die folgenden modernen Steuerelemente verfügbar:

  • Schaltfläche – Ein Steuerelement für die Interaktion mit einer App durch Klicken oder Tippen.

  • Kombinationsfeld – Ein Steuerelement, das Benutzern die Auswahl aus zur Verfügung gestellten Optionen ermöglicht und die Suche sowie Mehrfachauswahl unterstützt.

  • Link – Wird zum Öffnen von Hyperlinks in einer neuen Registerkarte verwendet.

  • Zahleneingabe – Ein Zahleneingabe-Steuerelement, das der Benutzer anpassen kann.

  • Fortschrittsbalken – Zeigt den Fortschritt des Benutzers an. Dieser kann so konfiguriert werden, dass er einen genauen Fortschritt anzeigt oder den laufenden Fortschritt unbestimmt anzeigt.

  • Radiogruppe – Ein Eingabesteuerelement, das mehrere Optionen anzeigt, von denen Benutzer jeweils nur eine auswählen können.

  • Slider – Ein Steuerelement, bei dem ein Benutzer durch Ziehen eines Griffs einen Wert angeben kann.

  • Wartekreisel – Zeigt den Status in Bewegung an. Diese werden oft beim Laden einer Seite oder Tabelle verwendet.

  • Tabelle – Ein Steuerelement, das einen Datensatz in einem Tabellen‑ oder Listenformat anzeigt.

  • Registerkarten oder Registerkartenliste – Wird verwendet, um eine Registerkarte auszuwählen, um Bildschirme zu verschieben oder auf die App zu reagieren.

  • Text – Anzeigetext in der App, kann auch als Beschriftung für Felder verwendet werden.

  • Text input – Ein Feld, in dem der Benutzer Text, Zahlen und andere Daten eingeben kann.

Die folgenden modernen Steuerelemente befinden sich in der Vorschau: (Vorschaufunktionen sind zum Testen verfügbar, sollten jedoch nicht in Produktionsszenarien verwendet werden, da sich die Funktion ändern kann.)

  • Badge – Ein Badge ist eine visuelle Dekoration, mit der Inhalte optisch besser dargestellt werden können.

  • Kontrollkästchen – Wird verwendet, um eine Option auszuwählen oder zu deaktivieren, um true oder false festzulegen.

  • Copilot-Antwort – Ein Steuerelement, mit dem Entwickler vordefinierte Fragen hinzufügen können, die Endbenutzer verwenden können, um generierte Antworten zu erhalten.

  • Datumsauswahl – Ein Steuerelement, bei dem ein Benutzer ein Datum festlegen kann.

  • Dropdown – Ermöglicht einem Benutzer die Auswahl eines Werts aus der Liste der Elemente.

  • Formular – Verwenden Sie dieses Steuerelement, um Datensätze aus Ihrer Datenquelle anzuzeigen oder zu aktualisieren.

  • Kopfzeile – Ein Steuerelement, mit dem ein moderner App-Header erstellt wird.

  • Info-Schaltfläche – Mit diesem Steuerelement können Benutzern zusätzliche Informationen bereitgestellt werden.

  • Stream – Ein Steuerelement, mit dem Sie Steam-Videos in Ihre App einfügen können.

  • Umschalten – Ein Steuerelement, das der Benutzer durch Bewegen des Schiebereglers ein‑ oder ausschalten kann.

Sobald Ihrer App ein modernes Steuerelement hinzugefügt wird, verfügen diese über Eigenschaften, die wie klassische Steuerelemente konfiguriert werden können. Die verfügbaren Eigenschaften variieren zwischen den Komponenten. Mehr über die verschiedenen verfügbaren modernen Steuerelemente erfahren Sie unter: Moderne Steuerelemente und Eigenschaften in Canvas-Apps.

Moderne Steuerelemente und Themen aktivieren

Aktuell müssen moderne Steuerelemente und Themen für jede einzelne App aktiviert werden. Wenn sie für Ihre Anwendung aktiviert sind, können Sie ihr sowohl klassische als auch moderne Steuerelemente hinzufügen.

Wählen Sie auf der Befehlsleiste Einstellungen>Updates aus, um moderne Steuerelemente zu aktivieren. Stellen Sie dann den Schalter für Moderne Steuerelemente und Themen auf Ein ein. Sie können die Einstellungen dann schließen.

Screenshot des Menüs „Updates“ in den Einstellungen

Sobald sie aktiviert sind, sind moderne Steuerelemente verfügbar, indem Sie die Schaltfläche Einfügen auf der Befehlsleiste oder das Symbol auf der Seite des App-Designers auswählen. Sie haben weiterhin Zugriff auf die klassischen Steuerungselemente, aber Sie müssen entweder nach ihnen suchen oder zum Ende der Einfügeliste scrollen, um sie zu finden.

Screenshot des Menüs „Einstellungen“ auf der Registerkarte „Modern“

Moderne Designs verwenden

Benutzer können moderne Themen wie moderne Steuerelemente verwenden. Diese Designs gelten nur für eingefügte moderne Steuerelemente und unterscheiden sich von Steuerelement zu Steuerelement. Wählen Sie im App-Erstellungsmenü Themen aus, um auf moderne Themen zuzugreifen. Wenn ein Design ausgewählt ist, wird jedes eingefügte Steuerelement entsprechend dem ausgewählten Design gefärbt. Einer der Vorteile davon ist, dass Sie das Design von allen modernen Steuerelemente mit einer Anpassung ändern können, indem Sie einfach ein Design auswählen. Dies umfasst auch die Steuerelemente, die bereits Teil der App sind.

Screenshot des Bereichs „Themen“ mit der hervorgehobenen Schaltfläche „Ein Thema hinzufügen“

Ein benutzerdefiniertes Thema hinzufügen

Sie können über das Menü Themen Ihrer App ein benutzerdefiniertes Design hinzufügen, indem Sie einfach die Schaltfläche Ein Thema hinzufügen im Menü aus.

Im Popup-Fenster Ein Thema erstellen können Sie einen Themennamen hinzufügen, für Ihr Thema eine Schriftart hinzufügen, eine Farbe hinzufügen, indem Sie die Schieberegler der Farbsteuerung verschieben oder Hex- oder R-, G-, B-Werte für Ihre Primärfarbe eingeben.

Sobald Sie das tun, erstellt Power Apps eine Generierte Palette und zeigt ein Farbschema basierend auf Ihren ausgewählten Primärfarben an.

Wählen Sie Erstellen aus, um Ihr Schema zu erstellen, und ihr neues Thema erscheint auf Ihrer Registerkarte Themen.

Screenshot des Dialogfelds „Ein Thema erstellen“

Um ein benutzerdefiniertes Thema zu bearbeiten oder zu löschen, gibt es in der unteren rechten Ecke Ihres benutzerdefinierten Designs eine Optionsellipse. Sie können die Auslassungspunkte auswählen und auf eine der Optionen Bearbeiten oder Löschen klicken.