Freigeben über


Ein Steuereleent in Canvas-App hinzufügen und konfigurieren

Fügen Sie Ihrer Canvas-App vielfältige Benutzeroberflächenelemente hinzu, und konfigurieren Sie Aspekte ihrer Darstellung und ihres Verhaltens direkt, über die Symbolleiste, auf der Registerkarte Eigenschaften oder in der Bearbeitungsleiste. Diese Elemente der Benutzeroberfläche werden als Steuerelemente bezeichnet, während die von Ihnen konfigurierten Aspekte als Eigenschaften bezeichnet werden.

Voraussetzungen

  1. Wenn Sie noch keine Power Apps Lizenz haben, gehen Sie zu Anmeldung, und melden Sie sich an.

  2. Erstellen einer Canvas-App ohne Vorlage.

    Sie können sich die Einführung jederzeit später anschauen. Klicken oder tippen Sie hierzu auf das Fragezeichen-Symbol in der Nähe der oberen rechten Ecke, und klicken oder tippen Sie anschließend auf Einführung später machen.

Ein Steuerelement auswählen und hinzufügen

Fügen wir nun einen neuen Bildschirm und eine Schaltfläche hinzu. Sie können jedoch jede Art von Steuerelement hinzufügen.

  1. Wählen Sie im Menü Dokumenterstellung die Option Einfügen und dann Neuer Bildschirm aus.

  2. Wählen Sie Leer aus, um Ihrer App einen leeren Bildschirm hinzuzufügen. (Bildschirme sind eine Art von Steuerelement, das andere Arten von Steuerelementen enthalten kann.)

    Screenshot, der zeigt, wie Sie über die Menüoption „Einfügen“ einen neuen Bildschirm hinzufügen.

    Der neue Bildschirm wird Screen2 benannt und wird in der Strukturansicht angezeigt. In diesem Bereich wird eine hierarchische Liste der Steuerelemente in Ihrer App angezeigt, sodass Sie jedes Steuerelement leicht finden und auswählen können.

    Screenshot, der den neuen Bildschirm zeigt, der in der Strukturansicht Ihrer App hinzugefügt wurde.

  3. Wenn Sie Screen2 auswählen, wählen Sie erneut Einfügen aus.

  4. Wählen Sie das Steuerelement Schaltfläche aus. Das neue Steuerelement wird unter Screen2 in der hierarchischen Liste der Strukturansicht angezeigt.

    Screenshot, der die neue Schaltfläche im Canvas und den Namen des Schaltflächensteuerelements in der Liste unter Screen2 zeigt.

    Auf der Anzeige umgibt standardmäßig ein Feld mit sechs Ziehpunkten die Schaltfläche. Diese Ziehpunkte umgeben jedes ausgewählte Steuerelement und sie werden zur Größenänderung des Steuerelements verwendet.

  5. Wählen Sie den Bildschirm (außerhalb der Schaltfläche) aus, und die Ziehpunkte des Felds werden ausgeblendet. Wenn Sie das Steuerelement erneut auswählen möchten, wählen Sie es direkt auf dem Canvas oder aus der Liste Strukturansicht aus.

    Wichtig

    Sie müssen immer ein Steuerelement auswählen, bevor Sie es konfigurieren können.

Ein Steuerelement umbenennen

  1. Bewegen Sie den Mauszeiger in der Liste der Steuerelemente über das Steuerelement, das Sie umbenennen möchten, um das Überlaufmenü (Auslassungspunkte) anzuzeigen.

  2. Klicken Sie auf die Auslassungspunkte.

  3. Klicken Sie auf Umbenennen. Fügen Sie einen eindeutigen, einprägsamen Namen hinzu, um das Erstellen Ihrer App zu vereinfachen.

    Screenshot, der zeigt, wo ein Steuerelement über das Überlaufmenü umbenannt werden kann.

Ein Steuerelement löschen

Sie können ein Steuerelement entweder in der Liste Strukturansicht oder direkt aus dem Canvas löschen.

Ein Steuerelement aus der Strukturansicht löschen

  1. Bewegen Sie den Mauszeiger in der Liste der Steuerelemente über das Steuerelement, das Sie löschen möchten, um das Menü für weitere Optionen (Auslassungspunkte) anzuzeigen.
  2. Klicken Sie auf die Auslassungspunkte.
  3. Wählen Sie Löschen.

Ein Steuerelement vom Canvas löschen

Wählen Sie das Steuerelement im Canvas aus, und drücken Sie dann die Taste Delete.

Bildschirme neu anordnen

  1. Bewegen Sie in der Strukturansicht den Mauszeiger über einen Bildschirm, den Sie nach oben oder unten verschieben möchten, um das Überlaufmenü (Auslassungspunkte) anzuzeigen.

  2. Wählen Sie die Auslassungspunkte aus, und wählen Sie dann Nach oben oder Nach unten aus. Wenn die Option Nach unten nicht angezeigt wird, befindet sich Ihr Bildschirm bereits an der untersten Position der Liste.

    Screenshot, der Ihnen zeigt, wie Sie Ihre Bildschirme in der Strukturansicht über das Überlaufmenü eines Bildschirms neu anordnen.

Anmerkung

Wenn die App geöffnet wird, wird normalerweise zuerst der Bildschirm oben in der Liste der Steuerelemente angezeigt. Sie können jedoch einen anderen Bildschirm angeben, indem Sie die Einstellung OnStart Eigenschaft auf eine Formel festlegen, die das Feature Navigieren enthält.

Verschieben und Ändern von Steuerelementen

Um ein Steuerelement zu verschieben, wählen Sie es aus, bewegen Sie den Mauszeiger über die Mitte, sodass der vierköpfige Pfeil angezeigt wird, und ziehen Sie das Steuerelement an eine andere Position.

Verschieben Sie ein Steuerelement.

Um die Größe eines Steuerelements zu ändern, wählen Sie es aus, bewegen Sie den Mauszeiger über ein beliebiges Handle im Auswahlfeld, sodass der Pfeil mit zwei Köpfen angezeigt wird, und ziehen Sie das Handle.

Ziehen Sie ein Steuerelement.

Anmerkung

Wie in Thema später beschrieben, können Sie ein Steuerelement auch verschieben und seine Größe ändern, indem Sie eine beliebige Kombination davon ändern X, Y, Height, und Width Eigenschaften in der Formelleiste.

Ein Steuerelement im Eigenschaftenbereich konfigurieren

Im Eigenschaftenbereich, der für das ausgewählte Steuerelement spezifisch ist, können Sie eine Vielzahl von Optionen angeben.

Wenn Sie z. B. ein Schaltflächen-Steuerelement auswählen, können Sie den Wert des Textes ersetzen, der im Eigenschaftenbereich des Steuerelements angezeigt wird.

Screenshot, der zeigt, wie der Anzeigetext eines Schaltflächensteuerelements über den Bereich

Anmerkung

Alternativ können Sie den Anzeigetext ändern, indem Sie in der Formelleiste die Text-Eigenschaft ändern.

Konfigurieren eines Steuerelements in der Bearbeitungsleiste

Sie können ein Steuerelement konfigurieren, indem Sie eine Eigenschaft in der Eigenschaftenliste auswählen und dann einen Wert in der Formelleiste angeben. Die automatische Vervollständigung kann in der Formelleiste hilfreich sein, um Werte anzuzeigen, die Sie für ein Steuerelement verwenden können.

Die Schriftfarbe eines Steuerelements ändern

Wenn Sie beispielsweise die Schriftfarbe für den Text Ihres Steuerelements ändern möchten. Es werden viele Farboptionen angezeigt.

Screenshot, der die Optionen des Steuerelements zeigt, die Sie in der Formelleiste für ein Steuerelement festlegen können.

Position eines Steuerelements auf dem Canvas ändern

Sie können die X- und Y-Koordinaten für die Position des Steuerelements mithilfe der Formelleiste festlegen. Durch das Festlegen von Koordinaten in der Formelleiste erhalten Sie eine genauere Platzierung der Steuerelemente.

Wenn Sie in der Eigenschaftenliste z. B. X oder Y auswählen und in der Formelleiste eine Zahl angeben, wird das Steuerelement zu dieser Koordinate verschoben. In diesem Fall wird die Schaltfläche an Position 100 auf der X-Achse verschoben, wobei davon ausgegangen wird, dass die linke Seite des Canvas der Nullpunkt ist.

Screenshot, der zeigt, wo die X-Koordinate in der Formelleiste festgelegt wird.

Größe des Steuerelements ändern

Sie können die Größe eines Steuerelements durch Auswahl von Höhe oder Breite in der Eigenschaftenliste ändern, und dann geben Sie eine andere Zahl in der Formelleiste an.

Screenshot, der zeigt, wie die Höhe eines Steuerelements über die Formelleiste geändert wird.

Anzeigetext des Steuerelements ändern

Sie können den Anzeigetext eines Steuerelements durch Auswahl von Text in der Eigenschaftenliste ändern und dann eine beliebige Kombination aus einer Literalzeichenfolge, einem Ausdruck oder einer Formel in der Formelleiste angeben.

Literale Zeichenfolge

Eine Literalzeichenfolge ist von Anführungszeichen umgeben und wird genau so angezeigt, wie Sie sie eingeben. "Hallo Welt" ist eine literale Zeichenfolge.

Screenshot, der zeigt, wo in der Formelzeile eine Literalzeichenfolge für den Anzeigetext eines Steuerelements hinzugefügt wird.

Anmerkung

Wenn Sie Text hinzufügen, der länger als die Breite des Steuerelements ist, ändert das Steuerelement seine Breite nicht, um den Text aufzunehmen. Sie müssen die Größe des Steuerelements manuell ändern, damit der Text passt.

Ausdruck

Ein Ausdruck basiert häufig auf einer Eigenschaft eines anderen Steuerelements. Screen2.Height ist ein Ausdruck, der die Höhe von Screen2 anzeigt, wobei der Anzeigetext für ein Schaltflächensteuerelement dargestellt wird.

Screenshot mit Darstellung des Hinzufügens einer Steuerelementeigenschaft als Anzeigetext für ein anderes Steuerelement

Mithilfe eines Ausdrucks können Sie z. B. ein Hintergrundbild oder ein Symbol als Füllung für Ihre Schaltfläche festlegen.

Formel

Eine Formel enthält eine oder mehrere Funktiomen. Die Funktion Now gibt das aktuelle Datum und die aktuelle Uhrzeit in Ihrer lokalen Zeitzone zurück und die Funktion Text formatiert Werte wie Datum, Uhrzeit und Währung.

Sie können z. B. das Datum und die Uhrzeit in einer Beschriftung anzeigen:

Screenshot, der zeigt, wie eine Text()-Funktion erstellt wird, die eine gekürzte Version von DateTime anzeigt.

Formeln sind normalerweise viel komplexer als dieses Beispiel, sodass sie Daten aktualisieren, sortieren, filtern und andere Vorgänge ausführen können. Weitere Informationen finden Sie unter Referenzinformationen zu Formeln.