Control Botó al Power Apps

  • Article

Control al qual l'usuari pot fer clic o tocar per interactuar amb l'aplicació.

Descripció

Configureu la propietat OnSelect d'un control de Button per executar una o diverses fórmules quan l'usuari fa clic o toca el control.

Propietats de la clau

OnSelect: accions que cal dur a terme quan l'usuari toca o fa clic en un control.

Text: text que apareix en un control o que l'usuari escriu en un control.

Propietats addicionals

Align: ubicació del text en relació amb el centre horitzontal del seu control.

AutoDisableOnSelect: desactiva automàticament el control mentre el comportament OnSelect s'està executant.

BorderColor: el color de la vora d'un control.

BorderStyle: si la vora d'un control és Sòlid, Amb guions, Amb punts o Cap.

BorderThickness: el gruix de la vora d'un control.

Color: el color del text d'un control.

DisplayMode: si el control permet l'entrada de l'usuari (Edita), només mostra les dades (Visualitza) o està inhabilitada (Inhabilitat).

DisabledBorderColor: el color de la vora d'un control si la propietat DisplayMode del control està definida com a Inhabilitat.

DisabledColor: el color del text d'un control si la propietat DisplayMode està definida com a Inhabilitat.

DisabledFill: el color de fons d'un control si la propietat DisplayMode està definida com a Inhabilitat.

FocusedBorderColor: el color de la vora d'un control quan el control té l'enfocament.

FocusedBorderThickness: el gruix de la vora d'un control quan el control té l'enfocament.

Fill: el color de fons d'un control.

Font: el nom de la família del tipus de lletra en què es mostra el text.

FontWeight: el gruix del text en un control: Negreta, Seminegreta, Normal o Fi.

Height: la distància entre les vores superior i inferior d'un control.

HoverBorderColor: el color de la vora d'un control quan l'usuari manté el punter del ratolí sobre el control.

HoverColor: el color del text d'un control quan l'usuari hi manté el punter del ratolí sobre.

HoverFill: el color de fons d'un control quan l'usuari hi manté el punter del ratolí sobre.

Italic: si el text d'un control està en cursiva.

PaddingBottom: la distància entre el text d'un control i la vora inferior del control.

PaddingLeft: la distància entre el text d'un control i la vora esquerra del control.

PaddingRight: la distància entre el text d'un control i la vora dreta del control.

PaddingTop: la distància entre el text d'un control i la vora superior del control.

Pressed: cert mentre es prem un control; en cas contrari, fals.

PressedBorderColor: el color de la vora d'un control quan l'usuari toca el control o hi fa clic.

PressedColor: el color de text d'un control quan l'usuari toca el control o hi fa clic.

PressedFill: el color de fons d'un control quan l'usuari toca el control o hi fa clic.

RadiusBottomLeft: el grau al qual s'arrodoneix la cantonada inferior esquerra d'un control.

RadiusBottomRight: el grau al qual s'arrodoneix la cantonada inferior dreta d'un control.

RadiusTopLeft: el grau al qual s'arrodoneix la cantonada superior esquerra d'un control.

RadiusTopRight: el grau al qual s'arrodoneix la cantonada superior dreta d'un control.

Size: la mida de la lletra del text que apareix en un control.

Strikethrough: si una línia apareix a través del text que apareix en un control.

TabIndex: ordre de navegació amb el teclat en relació amb altres controls.

Tooltip: text explicatiu que apareix quan l'usuari es desplaça per sobre d'un control.

Underline: si una línia apareix a sota del text que apareix en un control.

VerticalAlign: ubicació del text sobre un control en relació amb el centre vertical del control.

Visible: si es mostra o s'amaga un control.

Width: la distància entre les vores esquerra i dreta d'un control.

X: la distància entre la vora esquerra d'un control i la vora esquerra del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).

Y: la distància entre la vora superior d'un control i la vora superior del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).

Navigate( ScreenName, ScreenTransitionValue )

Exemples

Afegir una fórmula bàsica a un botó

  1. Afegiu un control Text input i anomeneu-lo Origen.

    No sabeu com afegir, anomenar i configurar un control?

  2. Afegiu un control Button, definiu la propietat Text a "Afegeix" i definiu la propietat OnSelect a aquesta fórmula:
    UpdateContext({Total:Total + Value(Source.Text)})

    Voleu més informació sobre la funció UpdateContext o altres funcions?

  3. Afegiu un control d'Label, definiu la propietat Text a la barra de fórmules en Valor (Total) i, a continuació, premeu F5.

  4. Esborreu el text per defecte a Origen, escriviu-hi un número i, a continuació, feu clic o toqueu Afegeix.

    El control Label mostra el número que heu escrit.

  5. Esborreu el número a Origen, escriviu-hi un altre número i, a continuació, feu clic o toqueu Afegeix.

    El control Label mostra la suma dels dos números que heu escrit.

  6. (opcional) Repetiu el pas anterior una o diverses vegades.

  7. Per tornar a l'espai de treball per defecte, premeu Esc (o bé, feu clic o toqueu la icona de tancament que hi ha a prop de la cantonada superior dreta).

Configurar un botó amb diverses fórmules

Afegiu una fórmula que esborri el control Text input entre les entrades.

  1. Definiu la propietat HintText d'Origen a "Introduïu un número".

  2. Definiu la propietat OnSelect d'Afegeix a aquesta fórmula:

    UpdateContext({Total:Total + Value(Source.Text)});
    UpdateContext({ClearInput: ""})

    Nota

    Separeu diverses fórmules amb un punt i coma ";".

  3. Definiu la propietat Default d'Origen a ClearInput.

  4. Premeu F5 i, a continuació, proveu l'aplicació afegint diversos números junts.

Afegir un altre botó per restablir el total

Afegiu un segon botó per esborrar el total entre càlculs.

  1. Afegiu un altre control Button, definiu la propietat Text a "Esborra" i definiu la propietat OnSelect a aquesta fórmula:

    UpdateContext({Total:0})

  2. Premeu F5, afegiu diversos números junts i, a continuació, feu clic o toqueu Esborra per reinicialitzar el total.

Canviar l'aparença d'un botó

Canviar la forma d'un botó

Per defecte, el Power Apps crea un control de Button rectangular amb cantonades arrodonides. Podeu fer modificacions bàsiques a la forma d'un control de Button definint-ne les propietats Height, Width i Radius.

Nota

Les Icons and Shapes proporcionen una gran varietat de dissenys i poden dur a terme algunes de les mateixes funcions bàsiques que els controls Button. Tanmateix, les Icons and Shapes no tenen una propietat Text.

  1. Afegiu un control Button i definiu-ne les propietats Height i Width a 300 per fer un botó quadrat gran.

  2. Modifiqueu les propietats RadiusTopLeft, RadiusTopRight, RadiusBottomLeft i RadiusBottomRight per ajustar la quantitat de curvatura a cada cantonada. A continuació, hi ha alguns exemples de formes diferents, cadascuna d'elles a partir d'un botó quadrat de 300 x 300:

Canviar el color d'un botó en passar-hi el cursor

Per defecte, el color d'emplenament d'un control de Button es veurà atenuat en un 20% quan passeu el punter del ratolí per sobre. Podeu ajustar aquest comportament canviant la propietat HoverFill, que utilitza la funció ColorFade. Si definiu la fórmula ColorFade a un percentatge positiu, el color es torna més clar quan passeu el cursor per sobre del botó, mentre que un percentatge negatiu fa que el color sigui més fosc.

  • Canvieu el percentatge ColorFade a la propietat HoverFill d'un dels botons que heu creat i observeu-ne els efectes.

També podeu especificar el color d'un control de Button configurant la propietat HoverFill a una fórmula que contingui la funció ColorValue en comptes de la funció ColorFade, com a ColorValue("Red").

Nota

El valor de color pot ser qualsevol definició de color CSS, un nom o un valor hexadecimal.

  • Substituïu la funció ColorFade amb una funció ColorValue en dels botons que heu creat i observeu-ne els efectes.

Pautes d'accessibilitat

Contrast de color

Suport del lector de pantalla

  • Ha d'haver-hi text.

Compatibilitat amb el teclat

Nota

Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)

Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).