Daten mit Textsteuerelementen eingeben und anzeigen

Abgeschlossen

In Power Apps werden Textsteuerelemente für alle Arten von Zwecken verwendet, z. B. zum Anzeigen von Text, Zahlen, Datumsangaben und zur Berechnung von Währungen. Beispielsweise können Sie den Wert zweier Steuerelemente des Typs „Texteingabe“ berechnen und die Ergebnisse in einem Steuerelement Textbeschriftung anzeigen.

Es gibt mehrere Textsteuerelemente, die Sie in Ihre App integrieren können. Jedes dieser Steuerelemente hat einen etwas anderen Zweck und unterschiedliche Anwendungsfälle. Angenommen, Sie erstellen eine Mitarbeiterumfrage-App und möchten Feedback von den Mitarbeitern erhalten. In diesem Szenario verwenden Sie das Steuerelement Texteingabe und ändern die Eigenschaft Mode in Multiline statt „Einzeilig“. In den meisten Fällen wird jede App, mit der Sie arbeiten, Textsteuerelemente haben, sodass es hilfreich wäre, sich mit diesen Steuerelementen vertraut zu machen, während Sie Ihre App entwickeln. In der folgenden Liste werden die verschiedenen Textsteuerelemente aufgeführt, die verfügbar sind.

• Textbeschriftung – Ein Beschriftung-Steuerelement zeigt Daten an, die Sie als literale Textzeichenfolge oder Zahlenwert angeben, die genau so angezeigt wird, wie Sie sie eingeben, oder als Formel, die zu einer Textzeichenfolge ausgewertet wird. Textbezeichnungen kommen häufig außerhalb anderer Steuerelemente vor (z. B. als Banner, das einen Bildschirm identifiziert), als eine Bezeichnung, die ein anderes Steuerelement identifiziert (z. B. ein Bewertung‑ oder Audio-Steuerelement) oder in einem Katalog, um einen bestimmten Informationstyp zu einem Element anzuzeigen.

• Text input – Ein Feld, in dem der Benutzer Text, Zahlen und andere Daten eingeben kann. Beispielsweise kann ein Benutzer Daten angeben, indem er eine Eingabe in ein Steuerelement des Typs „Texteingabe“ vornimmt. Je nachdem, wie Sie die App konfigurieren, werden diese Daten eventuell einer Datenquelle hinzugefügt, zur Berechnung eins temporären Werts verwendet oder auf andere Weise eingebunden.

• HTML text: Das Steuerelement „HTML text“ zeigt nicht nur unformatierten Text und Zahlen an, sondern konvertiert außerdem HTML-Tags, z. B. geschützte Leerzeichen.

• Rich text editor: Das Steuerelement „Rich text editor“ bietet dem App-Benutzer einen WYSIWYG-Bearbeitungsbereich zum Formatieren von Text. Dieses Steuerelement sollte verwendet werden, wenn Sie dem Benutzer ermöglichen möchten, nummerierte Listen oder Aufzählungen bereitzustellen. Ein gutes Beispiel ist eine App, die zum Sammeln von Inhalten für einen Artikel oder Newsletter verwendet wird, in der Sie dem Benutzer gestatten, formatierten Text hinzuzufügen, der für die Person hilfreich wäre, die den zusammenstellt.

• Pen input: Ein Steuerelement, in dem der Benutzer zeichnen, löschen und Bereichen eines Bilds hervorheben kann. Der Benutzer kann dieses Steuerelement wie ein Whiteboard verwenden, in dem er Diagramme zeichnet und Wörter schreibt, die in getippten Text konvertiert werden können.

Übung für die Textbeschriftung

Hier nun ein paar Details zum Textbeschriftung-Steuerelement, damit Sie einen besseren Eindruck von seiner Funktionsweise erhalten.

1. Öffnen Sie eine App, oder erstellen Sie eine neue App in Power Apps Studio.

2. Fügen Sie einem Bildschirm das Steuerelement Textbeschriftung hinzu.

3. Legen Sie die Eigenschaft Text auf "Hallo Welt" fest (einschließlich der doppelten Anführungszeichen). Es handelt sich um eine Grundfunktion einer Textbeschriftung, nämlich die Anzeige von Text für einen Benutzer.

   Als Nächstes erstellen wir eine dynamischere Lösung, indem wir ein Schaltfläche- und Katalog-Steuerelement sowie mehrere Beschriftung-Steuerelemente kombinieren. In diesem Szenario erstellen Sie eine Sammlung namens „CityPopulations“, die Daten über die Bevölkerung verschiedener Städte in Europa enthält. Dann zeigen Sie diese Daten in einem Katalog an, der drei Bezeichnungen enthält, und Sie geben den Typ von Daten an, der von jeder Bezeichnung angezeigt wird.

4. Fügen Sie ein Schaltfläche-Steuerelement hinzu, und legen Sie seine OnSelect-Eigenschaft auf diese Formel fest:

   ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})
   

5. Bevor wir fortfahren, verschaffen wir uns mit der Schaltfläche Copilot im Eingabefeld der Formel einen Idee davon, was diese Formel macht. Wählen Sie die Schaltfläche aus, und klicken Sie dann auf Diese Formel erklären. Copilot analysiert die Formel und versucht, Ihnen eine Erklärung in natürlicher Sprache bereitzustellen. Dies ist mit dieser Abbildung vergleichbar.

   

   Beachten Sie, dass Copilot möglicherweise eine etwas andere Erklärung anbietet, der Punkt ist jedoch, dass es Ihnen helfen kann, zu verstehen, was in einer Formel in Ihrer Anwendung vor sich geht. Sie können die Schaltfläche Kopieren auch verwenden, um die Formelerklärung in den Anmerkungen Ihrer Formel zu verwenden. Fügen Sie diese dazu einfach in eine separate Codezeile ein, der zwei Schrägstriche (//) vorangestellt sind. Die Schrägstriche weisen darauf hin, dass Power Apps den dahinter stehenden Code bei Berechnungen nicht berücksichtigen soll. Üben Sie das Hinzufügen der Erklärung von Copilot, indem Sie in einer neuen Zeile Ihrer Formel zwei Schrägstriche hinzufügen und die Erklärung dann einfügen.

6. Drücken und halten Sie die ALT-Taste, und wählen Sie das Schaltfläche-Steuerelement aus. Dadurch wird Ihre Sammlung erstellt, und alle Informationen werden gespeichert.

7. Fügen Sie einen vertikalen Katalog hinzu, und legen Sie seine Eigenschaft Items auf CityPopulations fest.

8. Wenn Sie den Katalog ausgewählt haben, sehen Sie sich die Eigenschaftsleiste auf der rechten Seite des Bildschirms an und ändern Sie das Layout von leer in Titel, Untertitel und Text.

9. Wählen Sie das obere (oder titelgebende) Textbeschriftung-Steuerelement aus. Die Text-Eigenschaft zeigt ThisItem.City an Eine Textbeschriftung in einem Katalog kann jedes verfügbare Text‑ oder numerische Feld (oder jede als Text oder Zahl anzeigbare Feldeigenschaft) im Datensatz anzeigen. In unserer Sammlung umfasst jeder Datensatz die Textwerte für City, Country und einen Nummernwert für Population. Sie können diese Angaben in einem Etikett in dieser Sammlung anzeigen.

10. Wählen Sie die mittlere (oder als Untertitel) Textbezeichnung aus, die als ThisItem.Country angezeigt wird.

11. Wählen Sie die letzte (oder Text) Textbeschreibung aus, die als Eigenschaft Text auf ThisItem.Population angezeigt wird. Ändern Sie dies, wenn nötig. Wenn Sie diese Formelleiste auswählen, wird Power Apps Ihnen mitteilen, dass der Datentyp Zahl ist.

    

12. Copilot verfügt über eine weitere hilfreiche Funktion, mit der wir uns jetzt auseinandersetzen können. Stellen Sie sicher, dass Sie die Text‑ (oder Population-)Textbeschriftung auswählen. Beachten Sie, dass beim Auswählen der Beschriftung ein violettes Kästchen mit der Option Copilot über der Beschriftung schwebt. Machen Sie weiter, und wählen Sie Copilot aus.

13. In diesem Fall gibt Copilot Ihnen zwei Optionen: Bedingte Formatierung oder Textformatierung. Wählen Sie Textformatierung aus.

    

14. Ein Fenster zum Formatieren von Text anhand von Beispielen wird über den rechten Teil von Ihrem Bildschirm verschoben. Sie können entweder ein Format für Ihre Nummer eingeben oder Auswählen in das Eingabefeld eingeben und anzeigen, was Copilot vorschlägt. Beachten Sie, dass Copilot einige Beispiele dafür bereitstellt, wie wir diesen Wert darstellen können. Fügen wir unserer Zahl die Tausender‑ und Millionentrennzeichen hinzu, indem wir 8,615,000 aus den Werten im Dropdownmenü Gewünschtes Format auswählen.

    

15. Hier sollten Sie unter Vorschläge eine Formel sehen, die Folgendes anzeigt: Text(ThisItem.Population, "#,##0", "en-US")

    Wählen Sie diese Formel aus, um sie zu verwenden.

16. Wählen Sie schließlich die Schaltfläche Anwenden aus. Die Schaltfläche „Anwenden“ kann erst ausgewählt werden, wenn Sie die Formel ausgewählt haben.

Ihr Bevölkerungswert sollte jetzt mit Kommatrennzeichen unter Tausende und Millionen angezeigt werden.

Wir haben die grundlegenden Funktionen eines Textbeschriftung-Steuerelements kennengelernt, wie Sie damit verschiedene Informationen anzeigen können und wie Sie Copilot verwenden können, um Formeln zu verstehen und die Ausgabe zu formatieren. Es gibt viele weitere Möglichkeiten, Beschriftung-Steuerelemente in Ihrer App zu nutzen.