Control de botons al Power Apps

Un control que l'usuari pot fer clic o tocar per interactuar amb l'aplicació.

Descripció

Configureu la propietat OnSelect d'un control Button per executar una o més fórmules quan l'usuari faci clic o toqui el control.

Propietats de la clau

OnSelect : accions que s'han de 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

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

AutoDisableOnSelect: inhabilita automàticament el control mentre s'executa el comportament OnSelect .

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

BorderStyle: si la vora d'un control és sòlida, discontínua, puntejada o cap.

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

Color : el color del text d'un control.

ContentLanguage : llengua del contingut del control, si és diferent del contenidor del control.

DisplayMode : si el control permet l'entrada de l'usuari (Edita), només mostra dades (Visualització) o està inhabilitat (Desactivat).

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

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

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

FocusedBorderColor : el color de la vora d'un control quan el control està enfocat.

FocusedBorderThickness : gruix de la vora d'un control quan el control està enfocat.

Fill – El color de fons d'un control.

Tipus de lletra : el nom de la família de tipus de lletra en què apareix el text.

FontWeight: el pes del text d'un control: negreta, seminegreta, normal o més lleuger.

Alçada : 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í en aquest control.

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

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

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

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

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

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

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

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

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

PressedColor : el color del text d'un control quan l'usuari toca o fa clic en aquest control.

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

RadiusBottomLeft : grau en què s'arrodoneix l'extrem inferior esquerre d'un control.

RadiusBottomRight: grau en què s'arrodoneix l'extrem inferior dret d'un control.

RadiusTopLeft : grau d'arrodoniment de la cantonada superior esquerra d'un control.

RadiusTopRight: grau en què s'arrodoneix l'extrem superior dret d'un control.

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

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

TabIndex – Ordre de navegació del teclat en relació amb altres controls.

Informació sobre eines : text explicatiu que apareix quan l'usuari passa el cursor per sobre d'un control.

Subratllat : si apareix una línia sota el text que apareix en un control.

VerticalAlign : la ubicació del text en un control en relació amb el centre vertical d'aquest control.

Visible : si un control apareix o està ocult.

Amplada : 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 (pantalla si no hi ha cap contenidor principal).

Y : la distància entre la vora superior d'un control i la vora superior del contenidor principal (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 Entrada de text i anomeneu-lo Source.

    No saps 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 + Valor(Font.Text)})

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

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

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

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

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

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

  6. (opcional) Repetiu el pas anterior una o més vegades.

  7. Per tornar a l'espai de treball per defecte, premeu Esc (o toqueu o feu clic a la icona de tancament a l'angle superior dret).

Configurar un botó amb diverses fórmules

Afegiu una fórmula que esborri el control d'entrada de text entre entrades.

  1. Definiu la propietat HintText de Source a "Introdueix un número".

  2. Definiu la propietat OnSelectd'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 de Source a ClearInput.

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

Afegeix 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 en aquesta fórmula:

    ContextActualització({Total:0})

  2. Premeu F5, sumeu diversos números i toqueu o feu clic a Esborra per restablir el total.

Canviar l'aspecte d'un botó

Canviar la forma d'un botó

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

Nota

Les icones i les formes proporcionen una gran varietat de dissenys i poden realitzar algunes de les mateixes funcions bàsiques que els controls de botó . Tanmateix, les icones i les formes no tenen una propietat Text .

  1. Afegiu un control Botó i definiu-ne les propietats Alçada i Amplada a 300 per crear un botó quadrat gran.

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

Canviar el color d'un botó quan hi passeu el cursor per sobre

Per defecte, el color d'emplenament d'un control Botó s'atenuarà 20% quan hi passeu el cursor amb el ratolí. Podeu ajustar aquest comportament canviant la propietat HoverFill , que utilitza la funció ColorFade . Si establiu la fórmula ColorFade en 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.

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

Nota

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

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

Directrius d'accessibilitat

Contrast de color

Suport del lector de pantalla

Suport de teclat

  • Last updated on