Anpassen von Beispiel-App-Vorlagen

In diesem Artikel erfahren Sie mehr über das Anpassen von Beispiel-App-Vorlagen. Beispielsweise müssen Sie möglicherweise das Firmenlogo ändern, die Daten in den Beispiel-App-Vorlagen so aktualisieren, dass sie Ihren Geschäftlichen Anforderungen entsprechen, Steuerelemente auf den Bildschirmen hinzufügen oder entfernen, um die App zu erweitern.

Voraussetzungen

Installieren Sie eine Beispiel-App-Vorlage. Weitere Details: Verwenden sie Beispiel-App-Vorlagen in Microsoft Teams.

Öffnen der Beispiel-App-Vorlagen in Power Apps Studio

Um mit dem Anpassen der Beispiel-App-Vorlagen zu beginnen, besteht der erste Schritt darin, die App in Power Apps Studio zu öffnen.

1. Melden Sie sich bei Teams an.

2. Wählen Sie (Weitere hinzugefügte Apps).

3. Wählen Sie Power Apps aus.

   

4. Wählen Sie die Registerkarte " Erstellen " aus.

5. Wählen Sie die Teamumgebung aus, in der Sie die Beispiel-App-Vorlage installiert haben.

6. Wählen Sie "Installierte Apps" aus.

7. Wählen Sie die Beispiel-App-Vorlage aus, die Sie installiert haben.

8. Wenn Sie dazu aufgefordert werden, wählen Sie den Speicherort aus.

Weitere Informationen: Bearbeiten einer App in Power Apps Studio

Beispieldaten entfernen

Wenn Sie Beispiel-App-Vorlagen installieren, werden die Tabellen möglicherweise bereits mit Beispieldaten aufgefüllt. In der folgenden Tabelle sind die Beispiel-App-Vorlagen und die Liste der Tabellen mit den zu entfernenden Beispieldaten aufgeführt:

So entfernen Sie Daten aus den Beispiel-App-Vorlagen:

1. Öffnen Sie die Beispiel-App-Vorlage (z. B. "Inspektionen verwalten") in Power Apps Studio.

2. Wählen Sie "Daten " im linken Bereich aus.

3. Wählen Sie neben dem Tabellennamen (z. B. Bereichsinspektionsaufgabe für Inspektionen verwalten App) aus.

4. Wählen Sie "Daten bearbeiten" aus.

5. Alle Zeilen löschen, die Beispieldaten enthalten.

   

6. Schließen Sie den visuellen Editor.

7. Wiederholen Sie die vorherigen Schritte für die verbleibenden Tabellen.

Hinzufügen Ihres Logos zum Ladebildschirm

1. Öffnen Sie die Beispiel-App-Vorlage (z. B. Inspektion) in Power Apps Studio.

2. Wählen Sie im linken Bereich die Baumansicht aus.

3. Wenn noch nicht ausgewählt, wählen Sie "Landing Screen" aus.

4. Wählen Sie Einfügen aus.

5. Wählen Sie " Bildsteuerelement " in "Medien" aus.

   

6. Wählen Sie im Eigenschaftenbereich auf der rechten Seite die Dropdownliste "Bild " aus, und wählen Sie dann +Bilddatei hinzufügen aus.

   

7. Wählen Sie das Bild für Ihr Firmenlogo aus, und wählen Sie dann "Öffnen" aus.

8. Position und Größe der Bildsteuerung auf die gewünschte Position auf dem Ladebildschirm bringen.

   

Ändern des Begrüßungsbildschirmtexts

1. Öffnen Sie die Beispiel-App-Vorlage (z. B. Inspektion) in Power Apps Studio.

2. Wählen Sie das Textbeschriftungssteuerelement mit dem Begrüßungstext Wir helfen Ihnen gern aus.

   Die Formel für den Begrüßungstext weist dieses Format auf:

   "Glad to have you here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
   Left(
       Lower(areaLabel),
       1
   ),
   "a",
   " an ",
   "e",
   " an ",
   "i",
   " an ",
   "o",
   " an ",
   "u",
   " an ",
   " a "
   ) & Lower(areaLabel)
   

3. Wählen Sie die Bearbeitungsleiste aus.

4. Wählen Sie den Ausdruck Schön, dass Sie hier sind aus.

5. Aktualisieren Sie den Begrüßungstext, z. B. Wir freuen uns, dass Sie hier sind.

   "We are happy that you are here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
   Left(
       Lower(areaLabel),
       1
   ),
   "a",
   " an ",
   "e",
   " an ",
   "i",
   " an ",
   "o",
   " an ",
   "u",
   " an ",
   " a "
   ) & Lower(areaLabel)
   

   

Ändern der Hintergrundfarbe des Bildschirms

1. Öffnen Sie die Beispiel-App-Vorlage (z. B. Inspektion) in Power Apps Studio.

2. Wählen Sie im linken Bereich die Baumansicht aus.

3. Wählen Sie aus der Strukturansicht Willkommensbildschirm aus.

4. Wählen Sie " Ausfüllen" aus der Eigenschaftenliste oben links aus.

5. Ersetzen Sie in der Bearbeitungsleiste die Formel durch die gewünschte Farbe.

   Die Hintergrundfüllfarbe des Bildschirms wird auf die ausgewählte Hintergrundfarbe festgelegt.

   

Massenbearbeitung von Daten

Wenn Sie die Daten in der App schnell bearbeiten möchten, können Sie die Tabelle öffnen und Daten ändern oder löschen.

1. Öffnen Sie die Beispiel-App-Vorlage (z. B. Inspektion) in Power Apps Studio.

2. Wählen Sie "Daten " im linken Bereich aus.

3. Wählen Sie neben dem Tabellennamen (z. B. Bereichsinspektion-Standorttypen für Inspektions-App) aus.

4. Wählen Sie die Zelle im Visual Editor aus, z. B. "Lebensmittel " in der Spalte "Name ".

5. Ersetzen Sie den Text durch den gewünschten Wert.

6. Schließen Sie den visuellen Editor.

   Daten in der App sollten den aktualisierten Wert anzeigen, wie zum Beispiel den Standortnamen in diesem Beispiel.

   

Hinzufügen einer Spalte zur App

Ziehen Sie ein Szenario in Betracht, in dem Sie über mehrere Filialen verfügen und Standorte und Inspektionen bestimmten Geschäften zuordnen möchten.

Füge die Textspalte "Geschäftsname" zur Tabelle "Standort" hinzu

1. Öffnen Sie die App "Inspektionen verwalten" in Power Apps Studio.

2. Wählen Sie "Daten " im linken Bereich aus.

3. Wählen Sie neben dem Tabellennamen (z. B. Bereichsüberprüfungsorte für die App Inspektionen verwalten).

4. Wählen Sie "Spalte hinzufügen" aus.

5. Geben Sie den Namen als "Geschäftsname" ein.

6. Wählen Sie "Erstellen" aus.

7. Schließen Sie den visuellen Editor.

   

Hinzufügen der Spalte "Store-Name" zum Speicherortformular

1. Wählen Sie den Standortbildschirm aus.

   Tipp

   Sie können den Fehler bezüglich der Verwendung von Vorschau-Connectoren in dieser App ignorieren.

2. Suchen Sie in der Strukturansicht nach btnArea_GroupedAreas.

3. Ziehen Sie in den gruppierten Bereichen des Formulars den linken Rand, um mit dem Rand des Titelfelds parallel zu sein.

   Hinweis

   Das Feldsteuerelement "Gruppierte Bereiche" befindet sich in einem Container. Daher kann der ausgewählte Bereich in einem anderen Teil des Bildschirms angezeigt werden als der Ort, an dem die Spalte angezeigt wird. Durch Ziehen des ausgewählten Bereichs wird die Größe der Spalte geändert.

4. Wählen Sie im linken Bereich "Einfügen" aus.

5. Wählen Sie das Label-Steuerelement aus.

6. Positionieren Sie die Beschriftung so, dass sie horizontal an gruppierten Bereichen ausgerichtet wird, und vertikal mit dem Bereichstyp.

   

7. Wählen Sie "Text " aus der Eigenschaftenliste oben links aus.

8. Wählen Sie die Bearbeitungsleiste aus.

9. Ändern Sie die Formel in "Store-Name".

10. Wählen Sie im linken Bereich "Einfügen" aus.

11. Wählen Sie das Textfeld-Steuerelement aus.

12. Ziehen Sie das Textfeld-Steuerelement, damit es horizontal mit dem Gruppenbereich und vertikal mit dem Bereichstyp ausgerichtet ist.

13. Wählen Sie "Wert " aus der Eigenschaftenliste oben links aus.

14. Ersetzen Sie in der Bearbeitungsleiste den aktuellen Wert durch gblLocation.'Store Name'

15. Wählen Sie "ColorBackground " in der Eigenschaftenliste oben links aus.

16. Geben Sie in der Bearbeitungsleiste "Weiß" ein.

    

17. Wählen Sie in der Eigenschaftenliste oben links den Anzeigemodus aus.

18. Geben Sie in die Bearbeitungsleiste „Bearbeiten“ ein, falls nicht bereits vorhanden.

19. Halten Sie die ALT-TASTE auf der Tastatur gedrückt, und wählen Sie " Bearbeiten" aus.

    

20. Wählen Sie im linken Bereich die Strukturansicht aus.

21. btnAreaDetails_Save Suchen Sie nach dem zurückgegebenen Steuerelement, und wählen Sie es aus.

22. Erweitern Sie die Bearbeitungsleiste.

23. Fügen Sie am Ende der 17. Zeile ein Komma und diese Formel hinzu:

    'Store Name':Microsoft_CoreControls_TextBox1.Value
    

    Dieser Abschnitt der Formel sollte nun wie folgt aussehen:

    {
    	msft_name: txtArea_EditTitle.Text,
    	'Location Type': cmbAreaDetails_AreaType.Selected,
    	'Primary Image': picArea_UploadedImage.Image, 'Store Name':Microsoft_CoreControls_TextBox1.Value
    }
    

    Hinweis

    Wenn die aktualisierte Formel einen Fehler anzeigt, überprüfen Sie das Textfeld für den Geschäftsnamen. Zum Beispiel kann je nach Ihren Änderungen Microsoft_CoreControls_TextBox2 statt Microsoft_CoreControls_TextBox1 sein.

24. Wählen Sie das in Schritt 5 hinzugefügte beschriftete Steuerungselement aus.

25. Wählen Sie die Y-Eigenschaft aus der Eigenschaftenliste oben links aus.

26. Wählen Sie die Formel-Leiste aus.

27. Ändern Sie die Formel in:

    If(gblEditLocation,250,200)
    

28. Wählen Sie in Schritt 11 hinzugefügtes Textfeld aus.

29. Wählen Sie die Y-Eigenschaft aus der Eigenschaftenliste oben links aus.

30. Wählen Sie die Formelzeile aus.

31. Ändern Sie die Formel in:

    If(gblEditLocation,282,232)
    

32. Halten Sie die STRG-TASTE auf der Tastatur gedrückt, und wählen Sie sowohl die Bezeichnung des Speichernamens als auch das Textfeld aus.

33. Wählen Sie "Visible"-Eigenschaft aus der Eigenschaftenliste oben links aus.

34. Wählen Sie die Formel-Leiste aus.

35. Ändern Sie die Formel in:

    If(gblViewInspection, false, true)
    

    

App-Updates in Teams veröffentlichen

So speichern und veröffentlichen Sie die Änderungen an der Beispiel-App:

1. Wählen Sie " Speichern" oben rechts aus.

2. Wählen Sie "In Teams veröffentlichen" aus.

3. Wählen Sie Weiteraus.

4. Wenn Sie aktualisierte Version einer App auf einer vorhandenen aktiven Registerkarte veröffentlichen möchten, wählen Sie "Speichern+ Schließen" aus.
   Wenn Sie eine veröffentlichte Version einer App zu einer neuen Registerkarte in einem anderen Kanal hinzufügen möchten, wählen Sie " (Registerkarte hinzufügen) für den gewünschten Kanal, und wählen Sie dann "Speichern+ schließen" aus.

Weitere Informationen: Eine App in Teams veröffentlichen und hinzufügen