Übung – Eine Canvas-App mit einzigartigen Steuerelementen erstellen

Abgeschlossen

Wichtig

Für diese Übung melden Sie sich nicht mit Ihren eigenen Anmeldeinformationen an. Führen Sie die folgenden Schritte aus, um sich mit den richtigen Anmeldeinformationen bei Ihrer Übungsumgebung anzumelden:

  1. Wählen Sie für diese Lerneinheit Anmelden zum Starten des VM-Modus aus.
  2. Ein PowerShell-Fenster und ein Windows-Befehlseingabefenster werden angezeigt. Nach etwa zwei bis drei Minuten werden diese geschlossen und Power Apps automatisch geöffnet. Warten Sie auf den Power Apps-Startbildschirm.

Wählen Sie die Registerkarte Anweisungen auf der Übungsseitenleiste aus, um die Übungsanweisungen anzuzeigen.

In dieser Übung verwenden Sie mehrere Steuerelemente, die in den vorherigen Einheiten erwähnt wurden, um eine Canvas-App zu erstellen, die sich ändert, wenn Sie mit den Steuerelementen interagieren. Auf diese Weise erhalten Sie eine Vorstellung von den Funktionen von Steuerelementen und davon, wie Sie sie an Ihre Anforderungen anpassen können.

Hinweis

Power Apps benötigt entweder eine Office 365-Lizenz, eine kostenlose Testversion oder ein kostenloses Entwicklerkonto.

  1. Wenn Sie noch die App mit den City Populations haben, die wir in Einheit 3 dieses Lernmoduls erstellt haben, können Sie mit Schritt 9 fortfahren. Melden Sie sich andernfalls bei Power Apps an.

  2. Wählen Sie auf der Startseite Erstellen>Leere App und dann unter der leeren Canvas-App im Popup-Fenster die Option Erstellen aus.

  3. Geben Sie Ihrer App den Namen New Controls App, und wählen Sie Erstellen aus.

  4. Überspringen Sie die Willkommensnachricht. Wählen Sie dann die Schaltfläche + Einfügen und ein Steuerelement Schaltfläche aus. Legen Sie seine Eigenschaft OnSelect 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. 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.)

  6. Klicken Sie auf die Schaltfläche Einfügen, wählen Sie einen vertikalen Katalog und dann CityPopulations im Popup-Fenster „Eine Datenquelle auswählen“ aus.

    Screenshot des eingefügten Katalogs mit hervorgehobener Schaltfläche „Einfügen“ und dem Fenster „CityPopulations“

  7. Wählen Sie auf der rechten Seite des Bildschirms den Bereich aus, und ändern Sie das Layout von Bild, Titel, Untertitel in Titel, Untertitel und Text.

  8. Wählen Sie die letzte oder dritte Beschriftung im ersten Element des Katalogs aus, und ändern Sie die Eigenschaft Text in ThisItem.Population.

    Screenshot der Menüelemente des Katalogs für die Texteigenschaft

  9. Wählen Sie Screen1 in der Strukturansicht aus (damit Sie nicht in den Katalog einfügen). Wählen Sie dann die Schaltfläche Einfügen aus. Finden Sie dann das Steuerelement Slider, und wählen Sie es aus.

  10. Ändern Sie die Eigenschaft Max des Schiebereglers in 10000000.

  11. Fügen Sie eine Textbeschriftung ein, und ändern Sie die Eigenschaft Text in Slider1.Value.

  12. Wählen Sie das erste Element im Katalog aus, und klicken Sie dann auf die Option Einfügen. Suchen Sie dann das Symbol Überprüfung, und wählen Sie es aus. Auf der rechten Seite des Katalogs positionieren

    Hinweis

    In jeder Zeile des Katalogs sollten Häkchen angezeigt werden. Ein Katalog sollte das Format für alle Elemente wiederholen, das mit dem ersten Element identisch ist. Wenn Sie nicht mehrere Häkchen sehen, stellen Sie sicher, dass Sie das erste Element im Katalog ausgewählt haben, und fügen Sie das Symbol Prüfen wieder ein.

  13. Ändern Sie die Eigenschaft Visible des Häkchensymbols zu:

    ThisItem.Population > Slider1.Value
    

    Screenshot des App-Bildschirms mit Beispieldaten

Setzen Sie die App in den Vorschaumodus, und versuchen Sie, den Schieberegler anzupassen. Wenn Sie den Schieberegler ändern, sollten pro Element im Katalog Häkchen angezeigt und ausgeblendet werden, da Sie die Sichtbarkeit so einstellen, dass sie sich je nach Schieberegler ändert. Im Wesentlichen haben Sie ein Katalog erstellt, der zeigt, ob die Bevölkerung einer Stadt größer als der Wert des Schiebereglers ist oder nicht.