Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
Control que el usuario puede hacer clic o pulsar para interactuar con la aplicación.
Description
Configure la propiedad OnSelect de un control Button para ejecutar una o varias fórmulas cuando el usuario hace clic o pulsa el control.
Propiedades de la clave
OnSelect : acciones que se deben realizar cuando el usuario pulsa o hace clic en un control.
Texto : texto que aparece en un control o que el usuario escribe en un control.
Propiedades adicionales
Alinear : la ubicación del texto en relación con el centro horizontal de su control.
AutoDisableOnSelect : deshabilita automáticamente el control mientras se ejecuta el comportamiento OnSelect .
BorderColor : color del borde de un control.
BorderStyle : indica si el borde de un control es Sólido, Discontinuo, Punteado o Ninguno.
BorderThickness : grosor del borde de un control.
Color : color del texto de un control.
ContentLanguage : el idioma del contenido del control, si es diferente del contenedor del control.
DisplayMode : indica si el control permite la entrada del usuario (Editar), solo muestra datos (Vista) o está deshabilitado (Deshabilitado).
DisabledBorderColor : color del borde de un control si la propiedad DisplayMode del control está establecida en Deshabilitado.
DisabledColor : color del texto de un control si su propiedad DisplayMode está establecida en Deshabilitado.
DisabledFill : color de fondo de un control si su propiedad DisplayMode está establecida en Deshabilitado.
FocusedBorderColor : color del borde de un control cuando se centra el control.
FocusedBorderThickness : el grosor del borde de un control cuando el control se centra.
Relleno : color de fondo de un control.
Fuente : el nombre de la familia de fuentes en la que aparece el texto.
FontWeight : peso del texto en un control: Negrita, Semibold, Normal o Más claro.
Alto : distancia entre los bordes superior e inferior de un control.
HoverBorderColor : color del borde de un control cuando el usuario mantiene el puntero del mouse en ese control.
HoverColor : color del texto de un control cuando el usuario mantiene el puntero del mouse sobre él.
HoverFill : color de fondo de un control cuando el usuario mantiene el puntero del mouse sobre él.
Cursiva : indica si el texto de un control es cursiva.
PaddingBottom : distancia entre el texto de un control y el borde inferior de ese control.
PaddingLeft : distancia entre el texto de un control y el borde izquierdo de ese control.
PaddingRight : la distancia entre el texto de un control y el borde derecho de ese control.
PaddingTop : la distancia entre el texto de un control y el borde superior de ese control.
Presionado : true mientras se presiona un control, false en caso contrario.
PressedBorderColor : color del borde de un control cuando el usuario pulsa o hace clic en ese control.
PressedColor : color del texto de un control cuando el usuario pulsa o hace clic en ese control.
PressedFill : color de fondo de un control cuando el usuario pulsa o hace clic en ese control.
RadiusBottomLeft : grado en el que se redondea la esquina inferior izquierda de un control.
RadiusBottomRight : grado en el que se redondea la esquina inferior derecha de un control.
RadiusTopLeft : grado en el que se redondea la esquina superior izquierda de un control.
RadiusTopRight : grado en el que se redondea la esquina superior derecha de un control.
Tamaño : tamaño de fuente del texto que aparece en un control.
Tachado : indica si una línea aparece a través del texto que aparece en un control.
TabIndex : orden de navegación del teclado en relación con otros controles.
Información sobre herramientas: texto explicativo que aparece cuando el usuario mantiene el puntero sobre un control.
Subrayado : indica si una línea aparece bajo el texto que aparece en un control.
VerticalAlign : la ubicación del texto en un control en relación con el centro vertical de ese control.
Visible : indica si un control aparece o está oculto.
Ancho : distancia entre los bordes izquierdo y derecho de un control.
X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).
Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).
Funciones relacionadas
Navigate( ScreenName, ScreenTransitionValue )
Examples
Agregar una fórmula básica a un botón
Agregue un control Text input y denomínelo Source.
¿No sabe cómo agregar, asignar un nombre y configurar un control?
Agregue un control Button , establezca su propiedad Text en "Add" y establezca su propiedad OnSelect en esta fórmula:
UpdateContext({Total:Total + Value(Source.Text)})¿Desea más información sobre la función UpdateContext u otras funciones?
Agregue un control Etiqueta , establezca su propiedad Text en la barra de fórmulas en Value(Total)y presione F5.
Borre el texto predeterminado de Origen, escriba un número en él y, a continuación, haga clic o pulse en Agregar.
El control Etiqueta muestra el número que ha escrito.
Borre el número de Origen, escriba otro número en él y, a continuación, haga clic o pulse en Agregar.
El control Etiqueta muestra la suma de los dos números que ha escrito.
(opcional) Repita el paso anterior una o varias veces.
Para volver al área de trabajo predeterminada, presione Esc (o haga clic o pulse en el icono cerrar de la esquina superior derecha).
Configurar un botón con varias fórmulas
Agregue una fórmula que borre el control Entrada de texto entre entradas.
Establezca la propiedad HintText de Source en "Escriba un número".
Establezca la propiedad OnSelect de Add en esta fórmula:
UpdateContext({Total:Total + Value(Source.Text)});
UpdateContext({ClearInput: ""})Nota:
Separe varias fórmulas con un punto y coma ";".
Establezca la propiedad Default de Source en ClearInput.
Presione F5 y, a continuación, pruebe la aplicación agregando varios números juntos.
Agregar otro botón para restablecer el total
Agregue un segundo botón para borrar el total entre cálculos.
Agregue otro control Button , establezca su propiedad Text en "Clear" y establezca su propiedad OnSelect en esta fórmula:
UpdateContext({Total:0})
Presione F5, agregue varios números juntos y, a continuación, pulse o haga clic en Borrar para restablecer el total.
Cambiar la apariencia de un botón
Cambiar la forma de un botón
De forma predeterminada, Power Apps crea un control Button rectangular con esquinas redondeadas. Puede realizar modificaciones básicas en la forma de un control Button estableciendo sus propiedades Height, Width y Radius .
Nota:
Los iconos y las formas proporcionan una amplia variedad de diseños y pueden realizar algunas de las mismas funciones básicas que hacen los controles Button . Sin embargo, Los iconos y las formas no tienen una propiedad Text .
Agregue un control Button y establezca sus propiedades Height y Width en 300 para hacer un botón cuadrado grande.
Modifique las propiedades RadiusTopLeft, RadiusTopRight, RadiusBottomLeft y RadiusBottomRight para ajustar la cantidad de curvatura en cada esquina. Estos son algunos ejemplos de formas diferentes, cada una a partir de un botón cuadrado de 300 x 300:
- Establezca los cuatro valores radius en 150 para crear un círculo.
- Establezca los valores de RadiusTopLeft y RadiusBottomRight en 300 para crear un botón con forma hoja.
- Establezca los valores de RadiusTopLeft y RadiusTopRight en 300 y los valores de RadiusBottomLeft y RadiusBottomRight en 100 para crear un botón con forma de tabulación.
Cambiar el color de un botón al mantener el puntero sobre él
De forma predeterminada, el color de relleno de un control Botón se atenuará en 20% al mantener el puntero sobre él con un mouse. Puede ajustar este comportamiento cambiando la propiedad HoverFill , que usa la función ColorFade . Si establece la fórmula ColorFade en un porcentaje positivo, el color se vuelve más claro al mantener el puntero sobre el botón, mientras que un porcentaje negativo hace que el color sea más oscuro.
- Cambie el porcentaje ColorFade de la propiedad HoverFill de uno de los botones que creó y observe los efectos.
También puede especificar el color de un control Button estableciendo su propiedad HoverFill en una fórmula que contiene la función ColorValue en lugar de la función ColorFade , como en ColorValue("Red").
Nota:
El valor de color puede ser cualquier definición de color CSS, ya sea un nombre o un valor hexadecimal.
- Reemplace la función ColorFade por una función ColorValue en uno de los botones que creó y observe los efectos.
Directrices de accesibilidad
Contraste de color
Compatibilidad con lector de pantalla
- El texto debe estar presente.
Compatibilidad de teclado
- TabIndex debe ser cero o mayor para que los usuarios del teclado puedan navegar a él.
- Los indicadores de foco deben ser claramente visibles. Use FocusedBorderColor y FocusedBorderThickness para lograrlo.