Zdieľať cez

Panel ovládanie (experimentálne)

  • Článok

[Tento článok je predbežnou dokumentáciou a môže sa zmeniť.]

Ovládací prvok používaný na zoskupovanie obsahu.

Panelové ovládanie.

Dôležité

  • Toto je experimentálna funkcia.
  • Experimentálne funkcie nie sú určené na produkčné účely a môžu mať obmedzenú funkčnosť. Tieto funkcie sú k dispozícii pred oficiálnym vydaním, aby k nim mohli zákazníci získať rýchly prístup a poskytnúť odozvu.

Description

Panely sú prekrytia, ktoré obsahujú doplnkový obsah a používajú sa na komplexné vytváranie, úpravu alebo správu – napríklad zobrazenie podrobností o položke v zozname alebo úpravy nastavení.

Táto súčasť plátna napodobňuje štýl a správanie ovládacieho prvku Fluent UI Panel.

Vlastnosti

Vlastnosti kľúča

Vlastnosť Description
Buttons Množina údajov, ktorá definuje tlačidlá.
Title Text zobrazený v sekcii nadpisu.
Subtitle Voliteľné. Text zobrazený pod nadpisom.
DialogWidth Šírka panela.
ContentX Súradnica X pre oblasť obsahu.
ContentY Súradnica Y pre oblasť obsahu.
ContentWidth Šírka oblasti obsahu panela.
ContentHeight Výška oblasti obsahu panela.

Buttons vlastnosti

Vlastnosť Description
Label Označenie zobrazené na tlačidle
ButtonType Enumerácia, ktorá určuje štýl tlačidla. Vyberte si medzi Standard a Primary 
Table(
  {
    Label: "Cancel",
    ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Standard 
  },{
    Label: "Ok", 
    ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Primary
  }
)

Vlastnosti štýlu

Vlastnosť Description
Overlay Color Farba zobrazená v oblasti prekrytia.
DialogWidth Šírka panela (nezamieňať so šírkou ovládacieho prvku, ktorá by mala pokrývať šírku aplikácie).
Position of the panel Zadajte textovú hodnotu Right alebo Left na označenie, na ktorej strane obrazovky sa má panel vykresliť.
Theme Predmet motívu. Ak toto necháte prázdne, vykreslí sa predvolený motív Power Apps. Pokyny na konfiguráciu nájdete v časti nastavenie motívov.

Vlastnosti udalosti

Vlastnosť Description
OnCloseSelect Akčný výraz, ktorý sa vykoná po výbere tlačidla zatvorenia.
OnButtonSelect Akčný výraz, ktorý sa vykoná po výbere jedného z tlačidiel zatvorenia.

Správanie

Konfigurácia viditeľnosti panela

Viditeľnosť pre Panel možno prepínať pomocou booleovskej premennej (pravda/nepravda).

  1. Na zobrazenie dialógového okna (napr. vlastnosť OnSelect ovládacieho prvku tlačidla) použite nasledujúci vzorec Power Fx:

    UpdateContext({ showHideDialog: true })

  2. Priraďte nasledujúce hodnoty do Panel:

    Vlastnosť Hodnota
    OnCloseSelect UpdateContext({ showHideDialog: false })
    Visible showHideDialog

Konfigurácia tlačidla akcií

Vo vlastnosti OnButtonSelect panela poskytnite akcie v podmienke If() alebo Switch() na základe textovej hodnoty Self.SelectedButton.Label na definovanie akcie. V závislosti od akcie je bežné skryť Panel po dokončení akcie.

Switch( Self.SelectedButton.Label,
  "Ok", Notify("The Ok button was pressed.");
);

// Closes the panel
UpdateContext({ showHideDialog: false })

Formátovanie obsahu panela

Priraďte kontajner k vlastnostiam obsahu Panel a umiestnite obsah do príslušnej oblasti obrazovky. Uistite sa, že viditeľnosť obsahu spájate s Panel.

Kroky na formátovanie obsahu na paneli:

  1. Pridajte Panel (príklad názvu: cmp_panel)

  2. Pridajte kontajner (príklad názvu: c_panelContent)

  3. Upravte nasledujúce vlastnosti c_panelContent:

    Vlastnosť Hodnota
    X cmp_panel.ContentX
    Y cmp_panel.ContentY
    Width cmp_panel.ContentWidth
    Height cmp_panel.ContentHeight
    Visible cmp_panel.Visible

Obmedzenia

Tento komponent plátna je možné použiť iba v aplikáciách plátna a vlastných stránkach.