Hinzufügen und Konfigurieren eines Canvas-App-Steuerelements in PowerAppsAdd and configure a canvas-app control in PowerApps

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.Add a variety of UI elements to your canvas app, and configure aspects of their appearance and behavior directly, from the toolbar, in the Properties tab, or in the formula bar. Diese Elemente der Benutzeroberfläche werden als Steuerelemente bezeichnet, während die von Ihnen konfigurierten Aspekte als Eigenschaften bezeichnet werden.These UI elements are called controls, and the aspects that you configure are called properties.

VoraussetzungenPrerequisites

  1. Wenn Sie noch nicht über eine PowerApps-Lizenz verfügen registrieren, und klicken Sie dann Anmeldung.If you don't already have a PowerApps license, sign up, and then sign in.

  2. Klicken Sie unter eigene App, zeigen Sie auf Canvas-app mit leerer App, und wählen Sie dann diese App.Under Make your own app, hover over Canvas app from blank, and then select Make this app.

  3. Wenn Sie aufgefordert werden, die Einführung anzuschauen, wählen Sie Weiter mit wichtigen Bereichen der PowerApps Schnittstelle vertraut machen (oder wählen Sie überspringen).If you're prompted to take the intro tour, select Next to get familiar with key areas of the PowerApps interface (or select Skip).

    Sie können die Tour immer später erstellen, indem Sie auf das Fragezeichen-Symbol in der Nähe der oberen rechten Ecke des Bildschirms, und wählen Sie dann Einführungstour.You can always take the tour later by selecting the question-mark icon near the upper-right corner of your screen and then selecting Take the intro tour.

Fügen Sie hinzu, und wählen Sie ein SteuerelementAdd and select a control

Auf der einfügen Registerkarte, führen Sie einen der folgenden Schritte aus:On the Insert tab, perform either of these steps:

  • Wählen Sie Bezeichnung oder Schaltfläche einen dieser Typen von Steuerelementen hinzufügen.Select Label or Button to add one of those types of controls.
  • Wählen Sie eine Kategorie von Steuerelementen, und wählen Sie dann auf den Typ des Steuerelements, die Sie hinzufügen möchten.Select a category of controls, and then select the type of control that you want to add.

Wählen Sie z. B. neuer Bildschirm, und wählen Sie dann leere auf einen leeren Bildschirm Ihrer app hinzufügen.For example, select New screen, and then select Blank to add a blank screen to your app. (Die Bildschirme sind eine Art von Steuerelement, das weitere Typen von Steuerelementen enthalten kann.)(Screens are a type of control that can contain other types of controls.)

Bildschirm "hinzufügen"

Den Namen des neuen Bildschirms Screen2 und wird im linken Navigationsbereich angezeigt.The new screen is named Screen2 and appears in the left navigation pane. Diesem Bereich werden eine hierarchische Liste der Steuerelemente in Ihrer app, sodass Sie problemlos ermitteln können, und wählen Sie jedes Steuerelement.This pane shows a hierarchical list of controls in your app so that you can easily find and select each control.

Screen2 in Liste

Wählen Sie zur Veranschaulichung der Funktionsweise dieser Liste, Bezeichnung auf die einfügen Registerkarte. Das neue Steuerelement wird unter Screen2 in der hierarchischen Liste.To demonstrate how this list works, select Label on the Insert tab. The new control appears under Screen2 in the hierarchical list.

Screen2 in Liste

Auf dem Bildschirm umschließt ein Feld mit sechs Handles die Bezeichnung in der Standardeinstellung an.In the screen, a box with six handles surrounds the label by default. Diese Art von Feld umgeben ist, welches Steuerelement ausgewählt ist.That type of box surrounds whichever control is selected. Wenn Sie den Bildschirm durch Klicken oder tippen es (jedoch außerhalb der Bezeichnung) auswählen, wird das Feld aus der Bezeichnung ausgeblendet.If you select the screen by clicking or tapping in it (but outside the label), the box disappears from the label. Bezeichnung auszuwählen erneut, Sie klicken oder tippen Sie in der sie können, oder Sie klicken oder tippen Sie auf den Namen in der hierarchischen Liste der Steuerelemente können.To select the label again, you can click or tap in it, or you can click or tap its name in the hierarchical list of controls.

Wichtig

Sie müssen immer ein Steuerelement auswählen, bevor Sie sie konfigurieren können.You must always select a control before you can configure it.

Umbenennen eines SteuerelementsRename a control

Wählen Sie in der hierarchischen Liste der Steuerelemente, zeigen Sie auf das Steuerelement, das Sie umbenennen möchten, die angezeigt wird, und wählen Sie dann Schaltfläche mit den Auslassungspunkten umbenennen.In the hierarchical list of controls, hover over the control that you want to rename, select the ellipsis button that appears, and then select Rename. Sie können dann einen eindeutigen, einprägsamen Namen auf, die Erstellung Ihrer app leichter eingeben.You can then type a unique, memorable name to make building your app easier.

Umbenennen des Steuerelements

Löschen eines SteuerelementsDelete a control

Wählen Sie in der hierarchischen Liste der Steuerelemente, die das Steuerelement, das Sie löschen möchten, zeigen Sie auf die Schaltfläche, die angezeigt wird, und wählen Sie dann löschen.In the hierarchical list of controls, hover over the control that you want to delete, select the ellipsis button that appears, and then select Delete. Um ein Steuerelement zu löschen, die nicht von einem Bildschirm ist, können Sie auch das Steuerelement auf der Canvas auswählen, und drücken Sie dann die ENTF-Taste.To delete a control that isn't a screen, you can also select the control on the canvas, and then press the Delete key.

Steuerelement löschen

Bildschirme neu anordnenReorder screens

Zeigen Sie in der hierarchischen Liste von Steuerelementen, die einen Bildschirm, den Sie verwenden möchten, nach oben oder unten, wählen Sie die Schaltfläche mit den Auslassungspunkten, das angezeigt wird, und wählen Sie dann nach oben verschieben oder nach unten verschieben.In the hierarchical list of controls, hover over a screen that you want to move up or down, select the ellipsis button that appears, and then select Move up or Move down.

Neuanordnen von Bildschirm

Hinweis

Wenn die app geöffnet wird, wird der Bildschirm am oberen Rand der hierarchischen Liste der Steuerelemente in der Regel zuerst angezeigt.When the app is opened, the screen at the top of the hierarchical list of controls usually appears first. Aber Sie können einen anderen Bildschirm angeben, durch Festlegen der OnStart Eigenschaft, um eine Formel mit den Navigate Funktion.But you can specify a different screen by setting the OnStart property to a formula that includes the Navigate function.

Verschieben und die Größe eines SteuerelementsMove and resize a control

Um ein Steuerelement verschieben möchten, wählen Sie aus, zeigen Sie auf seinen Mittelpunkt, damit der Pfeil mit vier Spitzen wird angezeigt, und ziehen Sie das Steuerelement dann an einen anderen Speicherort.To move a control, select it, hover over its center so that the four-headed arrow appears, and then drag the control to a different location.

Steuerelement verschieben

Klicken Sie zum Ändern der Größe eines Steuerelements wählen Sie aus, zeigen Sie auf beliebiges Handle, das im Auswahlfeld, damit der Pfeil mit zwei Spitzen angezeigt wird, und ziehen Sie dann auf das Handle.To resize a control, select it, hover over any handle in the selection box so that the two-headed arrow appears, and then drag the handle.

Steuerelement verschieben

Hinweis

Wie weiter unten in diesem Thema wird beschrieben, Sie können auch verschieben und die Größe eines Steuerelements durch eine beliebige Kombination von Ändern seiner X, Y, Höhe, und Breite Eigenschaften in der Bearbeitungsleiste angezeigt.As this topic describes later, you can also move and resize a control by modifying any combination of its X, Y, Height, and Width properties in the formula bar.

Ändern des Texts einer Bezeichnung oder eine SchaltflächeChange the text of a label or a button

Wählen Sie eine Bezeichnung oder eine Schaltfläche, doppelklicken Sie auf den Text, der im Steuerelement angezeigt wird, und geben Sie dann den gewünschten Text.Select a label or button, double-click the text that appears in the control, and then type the text that you want.

Ändern Sie text

Hinweis

Wie weiter unten in diesem Thema wird beschrieben, können Sie diesen Text auch ändern, indem Sie ändern die Text -Eigenschaft in der Bearbeitungsleiste angezeigt.As this topic describes later, you can also change this text by modifying its Text property in the formula bar.

Konfigurieren eines Steuerelements über die SymbolleisteConfigure a control from the toolbar

Durch Konfigurieren eines Steuerelements über die Symbolleiste können Sie eine größere Anzahl von Optionen als beim direkten Konfigurieren eines Steuerelements angeben.By configuring a control from the toolbar, you can specify a wider variety of options than you can by configuring a control directly.

Sie können z. B. eine Bezeichnung auswählen, wählen Sie die Startseite Registerkarte, und ändern Sie die Schriftart des Texts in der Bezeichnung.For example, you can select a label, select the Home tab, and then change the font of the text in the label.

Schriftart ändern

Konfigurieren eines Steuerelements auf der Registerkarte „Eigenschaften“Configure a control from the Properties tab

Mithilfe der Eigenschaften Registerkarte können Sie eine größere Anzahl von Optionen als durch Konfigurieren eines Steuerelements auf der Symbolleiste Sie können angeben.By using the Properties tab, you can specify a wider variety of options than you can by configuring a control from the toolbar.

Z. B. Sie können ein Steuerelement auswählen und dann ein- oder ausblenden, indem Sie ändern die Visible Eigenschaft.For example, you can select a control and then show or hide it by changing its Visible property.

Sichtbarkeit einstellen

Konfigurieren eines Steuerelements in der BearbeitungsleisteConfigure a control in the formula bar

Anstatt ein Steuerelement zu konfigurieren, direkt, über die Symbolleiste oder in der Eigenschaften Registerkarte können Sie ein Steuerelement konfigurieren, indem Sie eine Eigenschaft in der Eigenschaftenliste auswählen und anschließend einen Wert in der Bearbeitungsleiste angeben.Instead of configuring a control directly, from the toolbar, or in the Properties tab, you can configure a control by selecting a property in the property list and then specifying a value in the formula bar. Mit dieser Vorgehensweise können Sie Eigenschaften nach ihrer alphabetischen Reihenfolge durchsuchen, und Sie können mehr Werttypen angeben.By taking this approach, you can search for a property alphabetically, and you can specify more types of values.

Sie können z. B. eine Bezeichnung auswählen und konfigurieren sie Sie anschließend auf folgende Weise:For example, you can select a label and then configure it in these ways:

  • Verschieben Sie ihn dazu X oder Y in der Liste der Eigenschaften und anschließend eine andere Anzahl in der Bearbeitungsleiste angeben.Move it by selecting X or Y in the properties list and then specifying a different number in the formula bar.

    Legen Sie X-Eigenschaft

  • Ändern Sie die Größe durch Auswahl Höhe oder Breite in der Liste der Eigenschaften und anschließend eine andere Anzahl in der Bearbeitungsleiste angeben.Resize it by selecting Height or Width in the properties list and then specifying a different number in the formula bar.

    Legen Sie die Height-Eigenschaft

  • Ändern Sie den Text durch auswählen Text in der Liste der Eigenschaften und anschließend eine beliebige Kombination von eine Literalzeichenfolge, einen Ausdruck oder eine Formel in der Bearbeitungsleiste angeben.Change its text by selecting Text in the properties list and then specifying any combination of a literal string, an expression, or a formula in the formula bar.

    • Ein Zeichenfolgenliteral in Anführungszeichen eingeschlossen ist, und es wird angezeigt, genau, wie Sie es eingeben.A literal string is surrounded by quotation marks and appears exactly as you type it. "Hello, World" ist eine Literalzeichenfolge."Hello, world" is a literal string.

      Legen Sie die Text-Eigenschaft auf ein Zeichenfolgenliteral

    • Ein Ausdruck keine enthält eine Funktion und basiert häufig auf eine Eigenschaft eines anderen Steuerelements.An expression doesn't include a function and is often based on a property of another control. Screen1.Height ist ein Ausdruck, der die Höhe des zeigt Screen1.Screen1.Height is an expression that shows the height of Screen1.

      Text-Eigenschaft auf einen Ausdruck festgelegt.

    • Eine Formel enthält eine oder mehrere Funktionen.A formula includes one or more functions. Die jetzt Funktion gibt das aktuelle Datum und die Uhrzeit zurück, in der lokalen Zeitzone und die Text Funktion die Werte wie z. B. Datumsangaben, Uhrzeiten und Währungen formatiert.The Now function returns the current date and time in your local time zone, and the Text function formats values such as dates, times, and currency.

      Text-Eigenschaft auf eine Formel festgelegt.

      Formeln sind in der Regel wesentlich komplexer als in diesem Beispiel, sodass sie Daten aktualisieren, Sortieren Sie sie, Filtern und andere Vorgänge ausführen.Formulas are usually much more complex than this example so that they can update data, sort it, filter it, and perform other operations. Weitere Informationen finden Sie unter den Formelreferenz.For more information, see the formula reference.

Nächste SchritteNext steps