Compartir por

Control de botón en Power Apps

  • Artigo

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

Descripción

Configure a propiedade OnSelect dun control de Botón para executar unha ou varias fórmulas cando o usuario fai clic ou toca o control.

Propiedades da clave

OnSelect – Accións a realizar cando o usuario toca ou fai clic nun control.

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

Propiedades adicionais

Aliñar - A localización do texto en relación co centro horizontal do seu control.

AutoDisableOnSelect - Desactiva automaticamente o control mentres se executa o comportamento OnSelect.

BorderColor: cor do bordo dun control.

BorderStyle: se un bordo dun control é Sólido, A trazos, Punteado ou Ningún.

BorderThickness: grosor do bordo dun control.

Cor – A cor do texto dun control.

DisplayMode: se o control permite a entrada do usuario (Editar), só mostra datos (Ver) ou está desactivado (Desactivado).

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

DisabledColor – A cor do texto dun control se a súa propiedade DisplayMode está establecida en Desactivado.

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

FocusedBorderColor: a cor do bordo dun control cando o control está enfocado.

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

Enchemento: a cor de fondo dun control.

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

FontWeight – Espesura do texto nun control: Negra, Semibold, Normal ou Máis claro.

Altura: 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 sobre ese control.

HoverColor – A cor do texto dun control cando o usuario mantén o punteiro do rato sobre el.

HoverFill – A cor de fondo dun control cando o usuario mantén o punteiro do rato sobre el.

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 dun control e o bordo dereito dese control.

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

Premido - Verdadeiro mentres se está premendo un control, falso nos demais casos.

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

PressedColor – A cor do texto dun 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 no que se arrodea a esquina inferior esquerda dun control.

RadiusBottomRight - O grao no que se arrodea a esquina inferior dereita dun control.

RadiusTopLeft - O grao no que se arrodea a esquina superior esquerda dun control.

RadiusTopRight - O grao no que se arrodea a esquina superior dereita dun control.

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

Strikethrough - 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.

Información sobre ferramentas: texto explicativo que aparece cando o usuario pasa o cursor do rato sobre un control.

Underline - Se unha liña aparece baixo o texto que aparece nun control.

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

Visible: se aparece un control ou está oculto.

Largura: 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 principal (pantalla, se non hai ningún contedor principal).

Y: A distancia entre o bordo superior dun control e o bordo superior do contedor principal (pantalla, se non hai ningún contedor principal).

Navigate( ScreenName, ScreenTransitionValue )

Exemplos

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

  1. Engada un control de Text input e asígnelle o nome Orixe.

    Non sabe como engadir, asignar un nome e configurar un control?

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

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

  3. Engada un control de Etiqueta, configure a súa propiedade de Texto na barra de fórmulas para o Valor (total) e, a continuación, prema F5.

  4. Borre o texto predeterminado de Orixe, escriba un número nel e logo faga clic ou toque en Engadir.

    O control Label mostra o número que escribiu.

  5. Borre o número de Orixe, escriba outro número nel e logo faga clic ou toque en Engadir.

    O control Label mostra a suma de dous números que escribiu.

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

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

Configurar un botón con varias fórmulas

Engada unha fórmula que borre o control Entrada de texto entre entradas.

  1. Estableza a propiedade HintText de Orixe en "Introducir un número".

  2. Axuste a propiedade OnSelect de Engadir nesta fórmula:

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

    Nota

    Separe varias fórmulas cun punto e coma “;”.

  3. Estableza a propiedade Default de Orixe en ClearInput.

  4. Prema F5 e probe a aplicación engadindo varios números xuntos.

Engadir outro botón para restablecer o total

Engada un segundo botón para borrar o total entre cálculos.

  1. Engada outro control Botón, configure a súa propiedade Texto en "Borrar" e estableza a súa propiedade OnSelect nesta fórmula.

    UpdateContext({Total:0})

  2. Prema F5, engada varios números xuntos e logo faga clic ou toque Borrar para restablecer o total.

Cambia a aparencia dun botón

Cambiar a forma dun botón

Por defecto, Power Apps crea un control de Botón rectangular con esquinas arredondadas. Pode facer modificacións básicas na forma dun control de Botón axustando as súas propiedades Height, Width e Radius.

Nota

Iconas e formas proporciona unha ampla variedade de deseños e pode realizar algunhas das mesmas funcións básicas que os controis de Botón. Non obstante, Iconas e formas non ten unha propiedade de Texto.

  1. Engada un control de Botón e configure as súas propiedades Height e Width en 300 para crear un botón grande cadrado.

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

Cambiar a cor dun botón cando se pasa o punteiro do rato sobre el

Por defecto, a cor de recheo dun control de Botón atenuarase un 20% ao pasar o punteiro do rato por enriba. Pode axustar este comportamento cambiando a propiedade HoverFill, que utiliza a función ColorFade. Se establece a fórmula ColorFade nunha porcentaxe positiva, a cor faise máis clara cando pasa o punteiro do rato sobre o botón, e unha porcentaxe negativa fai que a cor se escureza.

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

Tamén pode especificar a cor dun control de Botón establecendo a súa propiedade HoverFill nunha fórmula que contén a función ColorValue en vez da función ColorFade como en ColorValue("Red").

Nota

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

  • Cambie a función de ColorFade por unha función ColorValue nun dos botóns que creou e observe os efectos.

Directrices de accesibilidade

Contraste de cor

Soporte do lector de pantalla

  • O Texto debe estar presente.

Compatibilidade do teclado

Nota

Pode indicarnos as súas preferencias para o idioma da documentación? Realice unha enquisa breve. (teña en conta que esa enquisa está en inglés)

Esta enquisa durará sete minutos aproximadamente. Non se recompilarán datos persoais (declaración de privacidade).