Control Radio en Power Apps

Control de entrada que muestra varias opciones entre las que los usuarios pueden seleccionar solo una cada vez.

Descripción

Un control Radio, un control de entrada HTML estándar, se aprovecha mejor con solo unas cuantas opciones mutuamente excluyentes.

El control puede tener un diseño horizontal o vertical.

Propiedades clave

Default: el valor de un control antes de que el usuario lo cambie.

Items: origen de datos que aparece en un control como una galería, una lista o un gráfico.

Layout: indica si las opciones se disponen en vertical u horizontal.

Value: el valor de un control de entrada.

Selected: registro de datos que representa el objeto seleccionado.

Todas las propiedades

Align: ubicación del texto respecto al centro horizontal de su control.

BorderColor: el color del borde de un control.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.

BorderThickness: el grosor del borde de un control.

Color: el color del texto en un control.

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

DisabledBorderColor: el color del borde de un control si la propiedad DisplayMode del control está establecida en Deshabilitado.

DisabledColor: el color del texto en un control si su propiedad DisplayMode está establecida en Deshabilitado.

DisabledFill: el color de fondo de un control si su propiedad DisplayMode está establecida en Deshabilitado.

Fill: el color de fondo de un control.

FocusedBorderColor: el color del borde de un control cuando el control recibe el foco.

FocusedBorderThickness: el grosor del borde de un control cuando el control recibe el foco.

Font: el nombre de la familia de fuentes en la que aparece el texto.

FontWeight: el peso del texto en un control: Bold, Semibold, Normal o Lighter.

Height: la distancia entre los bordes superior e inferior de un control.

HoverColor: el color del texto de un control cuando el usuario mantiene el puntero del ratón sobre él.

HoverFill: el color de fondo de un control cuando el usuario mantiene el puntero del ratón sobre él.

Italic: indica si el texto de un control está en cursiva.

LineHeight: distancia entre, por ejemplo, líneas de texto o elementos de una lista.

OnChange: acciones para llevar a cabo cuando el usuario cambia el valor de un control (por ejemplo, mediante el ajuste de un control deslizante).

OnSelect: acciones para llevar a cabo cuando el usuario toca o hace clic en un control.

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: distancia entre el texto de un control y el borde derecho de ese control.

PaddingTop: distancia entre el texto de un control y el borde superior de ese control.

PressedColor: el color de texto de un control cuando el usuario toca o hace clic en ese control.

PressedFill: el color de fondo de un control cuando el usuario toca o hace clic en ese control.

RadioBackgroundFill: color de fondo de los círculos en un control de botón de radio.

RadioBorderColor: color de la circunferencia de cada opción de un control de botón de radio.

RadioSelectionFill: color que aparece dentro del círculo de la opción seleccionada en un control de botón de radio.

RadioSize: diámetro de los círculos de un control de botón de radio.

Reset: indica si un control vuelve a su valor predeterminado.

SelectedText (en desuso): valor de cadena que representa el elemento seleccionado.

Size: tamaño de la fuente del texto que aparece en un control.

Strikethrough: indica si aparece una línea sobre el texto de un control.

TabIndex: orden de navegación del teclado en relación con otros controles.

Tooltip: texto explicativo que aparece cuando el usuario mantiene el mouse sobre un control.

Underline: indica si aparece una línea debajo del texto de un control.

Visible: indica si un control aparece o está oculto.

Width: la distancia entre los bordes derecho e izquierdo 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

Distinct( DataSource, ColumnName )

Ejemplo

1. Agregue un control Radio, asígnele el nombre Pricing y establezca su propiedad Items en esta fórmula:

   ["Estándar", "Premium"]

   ¿No sabe cómo agregar, nombrar y configurar un control?

2. Agregue un control Etiqueta, desplácelo bajo el control Radio y establezca la propiedad Text del control Etiqueta en esta fórmula:

   If("Premium" in Pricing.Selected.Value, "$200 per day", "$150 per day")

   ¿Desea más información sobre la función If u otras funciones?

3. Mientras mantiene presionada la tecla Alt, seleccione alguna de las opciones del control Radio.

   El control Etiqueta muestra el texto adecuado para su elección.

4. (opcional) Mientras mantiene presionada la tecla Alt, seleccione la otra opción para confirmar que aparece el texto adecuado.

Instrucciones para accesibilidad

Contraste de color

Además de los requisitos de contraste de color estándar, asegúrese de que haya un contraste de color adecuado entre:

• RadioSelectionFill y RadioBackgroundFill
• RadioBackgroundFill y Fill

Compatibilidad con el lector de pantalla

• Asegúrese de que cada opción tenga un Value.
• Podría también agregar un control Etiqueta inmediatamente delante del control Radio para que actúe como encabezado.

Compatibilidad con el teclado

• Establezca la propiedad TabIndex en cero o superior para que los usuarios del teclado puedan desplazarse hasta él.
• Establezca las propiedades FocusedBorderColor y FocusedBorderThickness para que los indicadores de enfoque sean claramente visibles.