Übung – Benutzeroberfläche für eine neue Canvas-App erstellen und anpassen

  • 10 Minuten

Wenn Sie die Contoso Coffee Machines-App verfolgt haben, ist dies ein guter Zeitpunkt, um das Gelernte anzuwenden. Wenn nicht, keine Sorge – diese Übung führt Sie durch die Erstellung einer App, die die wichtigsten Konzepte dieses Lernmoduls vertieft.

Wechseln Sie zur Microsoft Power Apps-Startseite, wählen Sie die Option Erstellen aus, und wählen Sie dann die Karte Mit einem leeren Canvas anfangen aus. Wählen Sie den Formfaktor Tablet aus, und folgen Sie diesen Schritten:

  1. Fügen Sie ein Rechteck-Steuerelement ein, und ändern Sie seine Größe so, dass es sich über den oberen Bildschirmrand erstreckt. Legen Sie die Height-Eigenschaft auf 80 fest.

  2. Fügen Sie ein Bild-Steuerelement ein, und positionieren Sie es in der oberen linken Ecke des Rechtecks.

  3. Legen Sie die Bild-Eigenschaft fest auf:

    User().Image

  4. Fügen Sie eine Textbeschriftung ein, und positionieren Sie sie in der Kopfzeile rechts neben dem Bild.

  5. Passen Sie die Breite auf 200 an.

  6. Ändern Sie die Eigenschaft Text in:

    "Welcome, " & User().FullName

  7. Ändern Sie die Eigenschaft Color des Beschriftungstextes in Weiß.

  8. Fügen Sie ein Texteingabe-Steuerelement ein, und verschieben Sie es unter das Kopfzeile-Rechteck.

  9. Fügen Sie ein Zurücksetzen-Symbol ein, und platzieren Sie es rechts neben dem Texteingabe-Steuerelement.

  10. Legen Sie die OnSelect-Eigenschaft des Zurücksetzen-Symbols fest auf (aktualisieren Sie bei Bedarf den Steuerelementnamen):

    Reset(TextInput1)

    Hinweis

    Die Zurücksetzen-Funktion ändert die Texteingabe auf den als Standardwert eingegebenen Wert, ursprünglich „Texteingabe“.

  11. Wenden Sie auf Ihre App ein Design an. Wählen Sie App oder Screen1 in der Strukturansicht aus, und wählen Sie dann in der Dropdownliste Thema auf der Befehlsleiste ein Thema aus. (Im folgenden Beispiel wird das Thema Dunkelblau angewendet.)

    Screenshot des App-Themas

  12. Geben Sie den Vorschau-Modus ein. Geben Sie Text in das Texteingabe-Steuerelement ein und wählen Sie dann das Symbol Zurücksetzen aus. Ihr Text sollte zu „Texteingabe“ zurückgewechselt haben.

  13. Verwenden Sie die Vorschautools, um Ihre App auf verschiedenen Geräten anzuzeigen, z. B. auf einem Samsung Galaxy Tab A7.

  14. Versuchen Sie, in eine Telefonansicht zu wechseln (z. B. iPhone 14) und experimentieren Sie mit verschiedenen Ausrichtungen.

Herzlichen Glückwunsch, Sie haben erfolgreich neue Power Apps-Fähigkeiten angewandt!