Pridanie a konfigurácia ovládacieho prvku plátnovej aplikácie v službe PowerAppsAdd and configure a canvas-app control in PowerApps

Pridajte si do plátnovej aplikácie rôzne prvky používateľského rozhrania a nakonfigurujte aspekty ich vzhľadu a správania priamo z panela s nástrojmi, na karte Vlastnosti alebo v riadku vzorcov.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. Tieto prvky používateľského rozhrania se označujú ako ovládacie prvky a ich aspekty, ktoré nakonfigurujete, ako vlastnosti.These UI elements are called controls, and the aspects that you configure are called properties.

PredpokladyPrerequisites

  1. Ak ešte nemáte licenciu PowerApps registrácia, a potom prihlásenie.If you don't already have a PowerApps license, sign up, and then sign in.

  2. V časti vytvoriť vlastnú aplikáciu, podržte ukazovateľ myši nad plátno na vytváranie aplikácií úplne od začiatku, a potom vyberte položku vytvoriť túto aplikáciu.Under Make your own app, hover over Canvas app from blank, and then select Make this app.

  3. Ak sa zobrazí výzva na spustenie úvodnej prehliadky, vyberte ďalej a Zoznámte sa s hlavnými časťami rozhrania PowerApps (alebo vyberte preskočiť).If you're prompted to take the intro tour, select Next to get familiar with key areas of the PowerApps interface (or select Skip).

    Si môžete pozrieť kedykoľvek prehliadku neskôr tým, že vyberiete ikonu otáznika v pravom hornom rohu obrazovky a potom úvodnú prehliadku.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.

Pridanie a výber ovládacieho prvkuAdd and select a control

Na vložiť karte, vykonajte niektorý z týchto krokov:On the Insert tab, perform either of these steps:

  • Vyberte označenie alebo tlačidlo a pridajte jeden z týchto typov ovládacích prvkov.Select Label or Button to add one of those types of controls.
  • Vyberte kategóriu ovládacích prvkov, a potom vyberte typ ovládacieho prvku, ktorý chcete pridať.Select a category of controls, and then select the type of control that you want to add.

Môžete napríklad vybrať novú obrazovku, a potom vyberte položku prázdne a pridajte prázdnu obrazovku do vašej aplikácie.For example, select New screen, and then select Blank to add a blank screen to your app. (Obrazovky sú typ ovládacieho prvku, ktorý môže obsahovať iné typy ovládacích prvkov).(Screens are a type of control that can contain other types of controls.)

Pridanie obrazovky

Nová obrazovka je pomenovaný Screen2 na ľavej navigačnej table sa zobrazí.The new screen is named Screen2 and appears in the left navigation pane. Táto tabla zobrazuje hierarchickom zozname ovládacích prvkov v aplikácii tak, že môžete jednoducho vyhľadať a vybrať každý ovládací prvok.This pane shows a hierarchical list of controls in your app so that you can easily find and select each control.

Screen2 v zozname

Kde zistíte, ako funguje tento zoznam, vyberte označenie na vložiť kartu. Nový ovládací prvok sa zobrazí v časti Screen2 v hierarchickom zozname.To demonstrate how this list works, select Label on the Insert tab. The new control appears under Screen2 in the hierarchical list.

Screen2 v zozname

Na obrazovke s šesť rukoväťami označenie v predvolenom nastavení.In the screen, a box with six handles surrounds the label by default. Daný typ poľa ohraničuje podľa toho, čo ovládací prvok vybratý.That type of box surrounds whichever control is selected. Ak vyberiete obrazovky kliknutím alebo ťuknutím na položku v ňom (ale mimo označenie), v poli zmizne z označenia.If you select the screen by clicking or tapping in it (but outside the label), the box disappears from the label. Vyberte označenie znova, môžu kliknúť alebo ťuknúť v nej, alebo môžete kliknite alebo ťuknite na jeho názov v hierarchickom zozname ovládacích prvkov.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.

Dôležité

Musíte vybrať vždy ovládacieho prvku predtým, ako môžete ho nakonfigurovať.You must always select a control before you can configure it.

Premenovanie ovládacieho prvkuRename a control

V hierarchickom zozname ovládacích prvkov, podržte ukazovateľ myši nad ovládací prvok, ktorý chcete premenovať, vyberte tri bodky tlačidlo, ktoré sa zobrazí, a potom vyberte položku premenovať.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. Potom môžete zadať jedinečný, pamätné meno, aby ste vytvárať svoju aplikáciu jednoduchšie.You can then type a unique, memorable name to make building your app easier.

Premenovanie ovládacieho prvku

Odstránenie ovládacieho prvkuDelete a control

V hierarchickom zozname ovládacích prvkov, podržte ukazovateľ myši nad ovládací prvok, ktorý chcete odstrániť, vyberte tri bodky tlačidlo, ktoré sa zobrazí, a potom vyberte položku odstrániť.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. Ak chcete odstrániť ovládací prvok, ktorý nie je obrazovka, môžete tiež Vyberte ovládací prvok na plátne a potom stlačte kláves Delete.To delete a control that isn't a screen, you can also select the control on the canvas, and then press the Delete key.

Odstráňte ovládací prvok

Zmeníte poradie obrazoviekReorder screens

V hierarchickom zozname ovládacích prvkov, ukážte myšou na obrazovke, ktorú chcete presunúť alebo nadol, vyberte tri bodky tlačidlo, ktoré sa zobrazí, a potom vyberte posunúť nahor alebo posunúť nadol.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.

Zmena poradia obrazovky

Poznámka

Po otvorení aplikácie v hornej časti hierarchickom zozname ovládacích prvkov zvyčajne sa zobrazí obrazovka prvého.When the app is opened, the screen at the top of the hierarchical list of controls usually appears first. No môžete zadať inú obrazovku tak, že OnStart na vzorec, ktorý obsahuje Navigate funkcie.But you can specify a different screen by setting the OnStart property to a formula that includes the Navigate function.

Premiestnenie a zmena veľkosti ovládacieho prvkuMove and resize a control

Ak chcete presunúť ovládací prvok, vyberte ju, podržte ukazovateľ myši nad jeho centrum tak, aby zobrazoval šípka štyri hlavičkami a potom presuňte ovládací prvok na iné miesto.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.

Presuňte ovládací prvok

Ak chcete zmeniť veľkosť ovládacieho prvku, vyberte ju, podržte ukazovateľ myši nad ľubovoľnú rukoväť v poli výberu tak, aby zobrazoval obojstrannú šípku a potom presunutím rukoväte.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.

Presuňte ovládací prvok

Poznámka

Táto téma popisuje neskôr, ako môžete tiež presunúť a zmena veľkosti ovládacieho prvku tak, že upravíte akúkoľvek kombináciu svoju X, Y, Výšku, a šírka vlastnosti vo vzorcovom paneli.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.

Zmeniť text označenia alebo kliknutím na tlačidloChange the text of a label or a button

Vyberte označenie alebo tlačidlo, dvakrát kliknite na text, ktorý sa zobrazí v ovládacom prvku, a potom zadajte text, ktorý sa má.Select a label or button, double-click the text that appears in the control, and then type the text that you want.

Zmena textu

Poznámka

Táto téma popisuje neskôr, ako tento text môžete zmeniť aj tak, že upravíte jej Text vlastnosť vo vzorcovom paneli.As this topic describes later, you can also change this text by modifying its Text property in the formula bar.

Konfigurácia ovládacieho prvku z panela s nástrojmiConfigure a control from the toolbar

Pri konfigurácii ovládacieho prvku z panela s nástrojmi môžete zmeniť viacero vlastností, než keď ho konfigurujete priamo.By configuring a control from the toolbar, you can specify a wider variety of options than you can by configuring a control directly.

Napríklad môžete vybrať označenie, vyberte domov kartu a potom zmeňte písmo textu v označení.For example, you can select a label, select the Home tab, and then change the font of the text in the label.

Zmena písma

Konfigurácia ovládacieho prvku na karte VlastnostiConfigure a control from the Properties tab

Pomocou funkcie vlastnosti karty, môžete zadať širšiu škálu možností než keď nakonfigurovaním ovládacieho prvku z panela s nástrojmi.By using the Properties tab, you can specify a wider variety of options than you can by configuring a control from the toolbar.

Napríklad môžete vybrať ovládací prvok a potom zobrazí alebo skryje ho tak, že zmeníte jeho Visible vlastnosť.For example, you can select a control and then show or hide it by changing its Visible property.

Nastavenie viditeľnosti

Konfigurácia ovládacieho prvku v riadku vzorcovConfigure a control in the formula bar

Okrem konfigurácie ovládacieho prvku priamo z panela s nástrojmi alebo v vlastnosti kartu, môžete nakonfigurovať ovládací prvok výberom vlastnosť v zozname vlastností a potom zadáte hodnotu vo vzorcovom paneli.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. Pri použití tohto postupu môžete vlastnosť vyhľadať abecedne a môžete určiť viac typov hodnôt.By taking this approach, you can search for a property alphabetically, and you can specify more types of values.

Napríklad môžete vybrať označenie a potom ju nakonfigurovať týmito spôsobmi:For example, you can select a label and then configure it in these ways:

  • Presuňte ho tak, že vyberiete X alebo Y v zozname vlastností a potom zadáte iné číslo vo vzorcovom paneli.Move it by selecting X or Y in the properties list and then specifying a different number in the formula bar.

    Vlastnosť nastavená X

  • Zmeňte jeho veľkosť tak, že vyberiete výšku alebo šírka v zozname vlastností a potom zadáte iné číslo vo vzorcovom paneli.Resize it by selecting Height or Width in the properties list and then specifying a different number in the formula bar.

    Nastavte vlastnosť výška

  • Zmeniť jeho text tak, že vyberiete Text v zozname vlastností a potom zadáte akúkoľvek kombináciu reťazcový literál, výraz alebo vzorec vo vzorcovom paneli.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.

    • Doslovný reťazec je obklopený úvodzovky a zobrazí sa presne tak, ako ste ho napísali.A literal string is surrounded by quotation marks and appears exactly as you type it. "Hello, world" je reťazový literál."Hello, world" is a literal string.

      Nastavte vlastnosť textu na doslovný reťazec

    • Výraz nezahŕňa funkciu a často je založená na vlastnosti iného ovládacieho prvku.An expression doesn't include a function and is often based on a property of another control. Screen1.height je výraz, ktorý zobrazuje výška Screen1.Screen1.Height is an expression that shows the height of Screen1.

      Nastavte vlastnosť textu na výraz

    • Vzorec obsahuje jednu alebo viac funkcií.A formula includes one or more functions. Teraz funkcia vráti aktuálny dátum a čas vo vašej miestne časové pásmo a Text funkcia formátuje hodnoty, napríklad dátumy, časy a mena.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.

      Nastavte vlastnosť textu do vzorca

      Vzorce sú zvyčajne oveľa zložitejšie ako v tomto príklade tak, že ich môžete aktualizovať údaje, zoradiť ich filtrovať a vykonávať ďalšie operácie.Formulas are usually much more complex than this example so that they can update data, sort it, filter it, and perform other operations. Ďalšie informácie nájdete v téme referenčné informácie k vzorcom.For more information, see the formula reference.

Ďalšie krokyNext steps