Aus dem Kurs: Microsoft Power Apps Grundkurs

Die Benutzeroberfläche der Canvas-Apps

Aus dem Kurs: Microsoft Power Apps Grundkurs

Gratismonat starten Für Ihr Team erwerben

Die Benutzeroberfläche der Canvas-Apps

“

Ich beginne nun mit dem Erstellen einer neuen Power App. Dazu habe ich bereits die Startseite von Power Apps geöffnet und wähle hier die Option "Canvas-App ohne Vorlage". Als App-Name gebe ich "Projektantrag" ein und als Format wähle ich Tablet, da die Anträge in der Regel am PC oder Laptop ausgefüllt werden, dann klicke ich auf "Erstellen". Nach wenigen Sekunden wird der Bildschirm zum Bearbeiten der App dargestellt. Ich werde die Hinweismeldung an dieser Stelle überspringen, zuerst ein Überblick über die Benutzeroberfläche einer Canvas-App. Oben sehen Sie das Menü und einige zusätzliche Schaltflächen für Wiederholen, Rückgängig usw. Darunter wird die Werkzeugleiste angezeigt, die sich mit dem oben gewählten Menüpunkt anpasst. Etwas spezieller ist der Menüpunkt Datei, hier können Sie die Power App speichern, freigeben und mehr. Über den Pfeil links oben gelangen Sie wieder zurück zur Arbeitsoberfläche. Als Nächstes die Leiste mit den Eigenschaften und Funktionen. Hier können Sie für die Elemente einer App das Aussehen und Verhalten anpassen. Ich zeige das am Beispiel des gewählten Elements "Screen1", das ist der Anzeigebildschirm, auf den ich später die Texte, Eingabefelder und mehr hinzufügen werde. Automatisch ist die Eigenschaft Fill aktiviert, das ist die Hintergrundfarbe. Ich klicke jetzt rechts in das Funktionsfeld und ändere die Farbe White z. B. in WhiteSmoke. Jetzt wird der Bildschirm leicht hellgrau dargestellt. Ich stelle die Farbe gleich wieder auf White um. Im Drop-down links finden sich noch weitere Eigenschaften für den Bildschirm bzw. für das jeweils selektierte Objekt. Ganz links ist eine Navigationsleiste sichtbar, in der zwischen Strukturansicht, Einfügen, Daten, Medien und Erweiterte Tools umgeschaltet werden kann. In der Strukturansicht werden alle Steuerelemente angezeigt, die der App hinzugefügt wurden. Falls ich den Bereich links nicht regelmäßig benötige, kann ich diesen auch einfach ausblenden über das X und durch Anklicken des entsprechenden Symbols wieder einblenden. In der Mitte wird der aktuelle Bildschirm der App angezeigt. Im Moment ist die Oberfläche hier noch leer, hier entstehen jedoch nach und nach Layout und Design der App. Rechts wird ein Eigenschaftenbereich für das aktuell selektierte Element angezeigt, in diesem Fall wieder der Bildschirm mit der Bezeichnung "Screen1". Hier können Sie ebenfalls die Eigenschaften der Steuerelemente beeinflussen. Auch diesen Bereich kann ich bei Bedarf über den Pfeil aus- und wieder einblenden. Ich zeige nun noch einmal kurz den Zusammenhang dieser verschiedenen Bereiche, am besten wieder mit der Hintergrundfarbe von "Screen1". Zuerst selektiere ich links dieses Element, also den ersten Anzeigebildschirm der App. Nun kann ich oben unter Home in der Werkzeugleiste bei Ausfüllen eine Hintergrundfarbe wählen und die Anzeige ändert sich entsprechend. Gleichzeitig hat sich auch der Wert zur Eigenschaft "Fill" in der Funktionsleiste geändert, hier als sogenannter RGBA-Wert. Und auch rechts im Eigenschaften-Bereich ist jetzt die aktuelle Farbe zu sehen. Es gibt in diesem Beispiel also drei Möglichkeiten, um die Hintergrundfarbe zu ändern. Sie werden später beim Erstellen eigener Apps für sich herausfinden, mit welcher Option Sie am liebsten arbeiten. Über die Rückgängig-Schaltfläche stelle ich wieder auf den Standard White um. Ein erster wichtiger Schritt ist nun, die Power App gleich abzuspeichern, damit meine Arbeit später nicht verloren geht. Dazu klicke ich auf das Menü "Datei" und dort auf "Speichern" bzw. "Speichern unter". Gegebenenfalls kann ich hier noch den Namen der App ändern und ich klicke nun auf "Speichern". Ich möchte jetzt noch nicht Freigeben oder Versionen anzeigen. Ein kleiner Blick auf den Punkt Konto zeigt übrigens, dass Apps beim Bearbeiten standardmäßig alle zwei Minuten gespeichert werden. Nun geht es wieder zurück zur Benutzeroberfläche.

Inhalt