Deine ersten Steuerelemente

Einführung in Power Apps

Luise Freese

Azure & Power Platform Architect

Steuerelemente sind Bausteine

 

  • Steuerelemente sind die Bausteine jeder Canvas-App
  • Jedes macht eine Sache: Text anzeigen, Eingaben annehmen, Aktion auslösen
  • Du konfigurierst sie über die Formelleiste oben im Editor

 

Power Apps Studio, geöffnete „Insert"-Leiste aus der Toolbar mit Kategorien wie Text label, Button und Gallery

Einführung in Power Apps

Aus einer Texteingabe lesen

 

  • Ein Text Input hält, was der User tippt
  • Sein aktueller Wert steht in TextInput1.Text
  • Referenziere das überall, auch im Text eines Labels

 

Power Apps Studio mit ausgewähltem Label, Formelleiste zeigt Text = "Welcome, " & TextInput1.Text, das Label zeigt „Welcome, Sam" aufgrund der Texteingabe darüber

Einführung in Power Apps

Variablen mit Set()

 

Power Apps Studio mit ausgewähltem Button2, Formelleiste zeigt OnSelect = Set(isSignedIn, true), der „Sign in"-Button ist auf der Canvas hervorgehoben

 

  • Eine Variable hält einen Wert über Aktionen hinweg
  • Set(isSignedIn, true) erstellt isSignedIn
  • Set() begegnet dir erneut in Kapitel 3
Einführung in Power Apps

Bedingte Anzeige mit If()

 

  • Visible = isSignedIn zeigt das Label nur bei true
  • Button drücken → Variable aktualisiert → Label erscheint
  • If(condition, value-if-true, value-if-false) für Entweder-oder

$$

Power Apps Studio mit ausgewähltem Danke-Label, Formelleiste zeigt Visible = isSignedIn, das Label ist verborgen, weil isSignedIn false ist

Einführung in Power Apps

Themes schlagen Einzelstyling

 

Power Apps Studio Theme-Auswahl mit einem Raster aus Farbthemen zur appweiten Anwendung

 

  • Ein Theme setzt Palette, Typografie, Rahmen, Schatten → appweit
  • Jedes moderne Steuerelement erbt es → eine Änderung passt alles an
  • Größe, Form, Ausrichtung bleiben je Steuerelement
Einführung in Power Apps

Einen Akzent überschreiben

  $$

Ein Element soll hervorstechen?

  • Wähle es, setze Fill direkt: RGBA(...) oder Color.Teal
  • Sparsam nutzen, es überschreibt das Theme

Echter Screenshot einer Power Apps-Canvas mit Steel-Theme und einer Akzent-Überschreibung

Einführung in Power Apps

Zusammenfassung

Die Library Sign-in Canvas-App in Power Apps Studio, mit Baumansicht, Canvas mit Steuerelementen, Formelleiste und Eigenschaftenpanel

  • Ein Text Input versorgt andere Elemente live über die Formelleiste
  • Set() speichert einen Wert, If() zeigt/versteckt darauf basierend
  • Ein Theme stylt alle Screens auf einmal; überschreibe Fill eines Elements für einen Akzent
Einführung in Power Apps

Lass uns üben!

Einführung in Power Apps

Preparing Video For Download...