Compartir por

Control de botóns en Power Apps

Un control no que o usuario pode premer ou tocar para interactuar coa aplicación.

Descrición

Configure a propiedade OnSelect dun control Button para executar unha ou máis fórmulas cando o usuario prema ou toque o control.

Propiedades da clave

OnSelect - Accións a realizar cando o usuario toca ou preme nun control.

Texto - Texto que aparece nun control ou que o usuario escribe nun control.

Propiedades adicionais

Align - A localización do texto en relación co centro horizontal do seu control.

AutoDisableOnSelect - Desactiva automaticamente o control mentres o comportamento OnSelect está en execución.

BorderColor - A cor do bordo dun control.

BorderStyle - Se o bordo dun control é sólido, trazado, punteado ou ningún.

BorderThickness - O grosor do bordo dun control.

Cor - A cor do texto nun control.

ContentLanguage - A linguaxe do contido do control, se é diferente do contedor do control.

DisplayMode - Se o control permite a entrada do usuario (Editar), só mostra datos (Vista) ou está desactivado (Desactivado).

DisabledBorderColor - A cor do bordo dun control se a propiedade DisplayMode do control está establecida en Disabled.

DisabledColor - A cor do texto nun control se a súa propiedade DisplayMode está establecida en Disabled.

DisabledFill - A cor de fondo dun control se a súa propiedade DisplayMode está establecida en Disabled.

FocusedBorderColor - A cor do bordo dun control cando o control está enfocado.

FocusedBorderThickness - O grosor do bordo dun control cando o control está enfocado.

Recheo - A cor de fondo dun control.

Tipo de letra : o nome da familia de tipos de letra na que aparece o texto.

FontWeight - O peso do texto nun control: Negriña, Semigrosa, Normal ou Lixeiro.

Altura : a distancia entre os bordos superior e inferior dun control.

HoverBorderColor - A cor do bordo dun control cando o usuario mantén o punteiro do rato nese control.

HoverColor - A cor do texto nun control cando o usuario mantén o punteiro do rato nel.

HoverFill - A cor de fondo dun control cando o usuario mantén o punteiro do rato nel.

Cursiva : se o texto dun control está en cursiva.

PaddingBottom - A distancia entre o texto dun control e o bordo inferior dese control.

PaddingLeft - A distancia entre o texto dun control e o bordo esquerdo dese control.

PaddingRight - A distancia entre o texto nun control e o bordo dereito dese control.

PaddingTop - A distancia entre o texto dun control e o bordo superior dese control.

Presionado - Verdadeiro mentres se presiona un control, falso doutro xeito.

PressedBorderColor - A cor do bordo dun control cando o usuario toca ou fai clic nese control.

PressedColor - A cor do texto nun control cando o usuario toca ou fai clic nese control.

PressedFill - A cor de fondo dun control cando o usuario toca ou fai clic nese control.

RadiusBottomLeft - O grao en que a esquina inferior esquerda dun control é redondeada.

RadiusBottomRight - O grao en que a esquina inferior dereita dun control é redondeada.

RadiusTopLeft - O grao en que a esquina superior esquerda dun control é redondeada.

RadiusTopRight - O grao en que a esquina superior dereita dun control é redondeada.

Tamaño - O tamaño da letra do texto que aparece nun control.

Tachado - Se unha liña aparece a través do texto que aparece nun control.

TabIndex - Orde de navegación do teclado en relación con outros controis.

Consello de ferramentas - Texto explicativo que aparece cando o usuario pasa sobre un control.

Subliñado : indica se aparece unha liña debaixo do texto que aparece nun control.

VerticalAlign - A localización do texto nun control en relación co centro vertical dese control.

Visible - Se un control aparece ou está oculto.

Ancho - A distancia entre os bordos esquerdo e dereito dun control.

X - A distancia entre o bordo esquerdo dun control e o bordo esquerdo do seu contedor pai (pantalla se non hai contedor pai).

Y - A distancia entre o bordo superior dun control e o bordo superior do contedor pai (pantalla se non hai contedor pai).

Navigate( ScreenName, ScreenTransitionValue )

Exemplos

Engadir unha fórmula básica a un botón

  1. Engada un control de Entrada de texto e asígnelle o nome Orixe.

    Non sabes como engadir, nomear e configurar un control?

  2. Engade un control Botón , establece a súa propiedade Texto en "Engadir" e establece a súa propiedade OnSelect nesta fórmula:
    UpdateContext({Total:Total + Value(Source.Text)})

    Desexa máis información sobre a función UpdateContext ou outras funcións?

  3. Engade un control Etiqueta , establece a súa propiedade Texto na barra de fórmulas en Valor (Total) e, a seguir, prema F5.

  4. Borre o texto predeterminado de Fonte, escriba un número nel e, a seguir, prema ou toque Engadir.

    O control Etiqueta mostra o número que escribiu.

  5. Borre o número de Fonte, escriba outro número nel e, a seguir, prema ou toque Engadir.

    O control Etiqueta mostra a suma dos dous números que escribiches.

  6. (opcional) Repita o paso anterior unha ou varias veces.

  7. Para volver ao espazo de traballo predeterminado, prema Esc (ou prema ou toque a icona de peche na esquina superior dereita).

Configurar un botón con múltiples fórmulas

Engadir unha fórmula que limpe o control de entrada de texto entre as entradas.

  1. Establece a propiedade HintText de Source en " Introducir un número".

  2. Establece a propiedade OnSelect de Add a esta fórmula:

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

    Nota

    Separa varias fórmulas cun punto e virgula ";".

  3. Establece a propiedade predeterminada de Source en ClearInput.

  4. Prema F5 e, a continuación, proba a aplicación sumando varios números.

Engadir outro botón para restablecer o total

Engade un segundo botón para limpar o total entre cálculos.

  1. Engade outro control Botón , establece a súa propiedade Texto en "Clear" e establece a súa propiedade OnSelect nesta fórmula:

    UpdateContext({Total:0})

  2. Prema F5, suma varios números xuntos e, a continuación, prema ou toque Borrar para restablecer o total.

Cambiar o aspecto dun botón

Cambiar a forma dun botón

Por defecto, Power Apps crea un control de botón rectangular con esquinas redondeadas. Pode facer modificacións básicas na forma dun control Botón establecendo as súas propiedades Altura, Ancho e Raio .

Nota

Iconas e formas proporcionan unha ampla variedade de deseños e poden realizar algunhas das mesmas funcións básicas que os controis de botón. Non obstante, as iconas e as formas non teñen unha propiedade Texto .

  1. Engade un control Botón e establece as súas propiedades Altura e Ancho en 300 para crear un botón cadrado grande.

  2. Modifique as propiedades RadiusTopLeft, RadiusTopRight, RadiusBottomLeft e RadiusBottomRight para axustar a cantidade de curvatura en cada esquina. Aquí tes algúns exemplos de diferentes formas, cada unha a partir dun botón cadrado de 300 x 300:

Cambia a cor dun botón ao pasar o rato sobre el

Por defecto, a cor de recheo dun control de botón atenuarase en 20% cando pases o rato sobre el. Pode axustar este comportamento cambiando a propiedade HoverFill , que usa a función ColorFade . Se se establece a fórmula ColorFade nunha porcentaxe positiva, a cor vólvese máis clara cando pasa o rato sobre o botón, mentres que unha porcentaxe negativa fai que a cor sexa máis escura.

  • Cambia a porcentaxe de ColorFade na propiedade HoverFill dun dos botóns que creou e observa os efectos.

Tamén pode especificar a cor dun control Button establecendo a súa propiedade HoverFill nunha fórmula que conteña a función ColorValue en lugar da función ColorFade, como en ColorValue("Red").

Nota

O valor de cor pode ser calquera definición de cor CSS, xa sexa un nome ou un valor hexadecimal.

  • Substitúe a función ColorFade por unha función ColorValue nun dos botóns que creou e observa os efectos.

Directrices de accesibilidade

Contraste de cor

Soporte do lector de pantalla

Soporte para teclado

  • Last updated on