Sugerencias para la aplicación de estilos al control RadioButton

El control RadioButton representa un objeto que reaccionará a los datos proporcionados por el usuario con el mouse, el teclado u otro dispositivo de entrada, y recorrerá tres estados diferentes (Checked, Indeterminate y Unchecked) que generarán eventos asociados.

Al igual que con los demás controles, el control RadioButton se puede modificar y mostrar una apariencia muy distinta a la predeterminada. La apariencia predeterminada del control RadioButton es la siguiente:

Propiedades de interés del control RadioButton

El control RadioButton es un control de contenido. Por tanto, puede mostrar texto en el control RadioButton estableciendo la propiedad Content en la categoría Propiedades comunes del panel Propiedades.

Establezca la propiedad ClickMode para determinar cuándo se desencadenará el evento Click: al hacer clic con el mouse o al soltarlo, o al pasar el puntero por encima del control RadioButton.

También puede establecer la propiedad IsChecked para mostrar una marca de verificación en el control RadioButton, y establecer la propiedad IsThreeState para permitir que el control RadioButton use el estado Indeterminate además de los estados Checked y Unchecked.

Si hay varios objetos RadioButton asociados, solo se puede seleccionar uno a la vez en la aplicación en ejecución. Para asociar varios objetos RadioButton, escriba el mismo nombre en la propiedad GroupName. De forma predeterminada, todos los botones RadioButton que se agregan a la mesa de trabajo en Microsoft Expression Blend se asocian con una propiedad GroupName vacía.

Puede establecer estas propiedades de varias formas:

• Establecer las propiedades del objeto   Después de dibujar un objeto RadioButton en la mesa de trabajo, puede establecer las propiedades del objeto directamente. Si desea que varios objetos RadioButton usen los mismos valores, establezca estas propiedades en un estilo.

• Establecer las propiedades en un estilo   Si establece estas propiedades en el estilo del objeto RadioButton, todos los objetos RadioButton que usen ese estilo usarán esos valores. Puede sobrescribir los valores de un objeto específico.

  Para obtener más información, vea Crear un estilo.

El control RadioButton cambia su apariencia en función del estado en el que se encuentre. Para cambiar la apariencia de cada estado mientras se está en el modo de edición de plantilla, seleccione un estado en el panel Estados.

Para obtener más información, vea los estados en las listas siguientes y vea también Definir distintos estados visuales para un control.

Para especificar lo que sucede al hacer clic en el objeto RadioButton, arrastre un control de comportamiento a un objeto RadioButton o a un objeto de la plantilla RadioButton. Para obtener más información, vea Agregar controles de comportamiento a objetos.

También puede enlazar el evento Click a un controlador de eventos. Para obtener más información, vea Escribir código que responda a eventos.

Elementos de la plantilla RadioButton

El control RadioButton no tiene elementos.

Estados del control RadioButton

De forma predeterminada, el control RadioButton puede estar en uno de los cuatro estados del grupo de estados CommonStates, que se pueden ver en el panel Estados al modificar una plantilla RadioButton:

Nombre del estado	Descripción
Normal	Apariencia del control RadioButton cuando no hay ninguna interacción con el control.
MouseOver	Apariencia del control RadioButton cuando el usuario mueve el puntero sobre él.
Pressed	Apariencia del control RadioButton cuando el usuario hace clic en él, o cuando el control recibe el foco y el usuario presiona ENTRAR o BARRA ESPACIADORA.
Disabled	Apariencia del control RadioButton cuando la propiedad IsEnabled se ha establecido en False.

El control RadioButton puede estar en uno de los dos estados siguientes del grupo de estados FocusStates:

Nombre del estado	Descripción
Unfocused	Apariencia del control RadioButton cuando no recibe el foco del teclado.
Focused	Apariencia del control RadioButton cuando recibe el foco del teclado. Por ejemplo, es posible que un usuario presione la tecla TAB para recorrer los objetos de la aplicación hasta que el foco del teclado esté en el control RadioButton.

El control RadioButton puede estar en uno de los tres estados siguientes del grupo de estados CheckStates:

Nombre del estado	Descripción
Unchecked	Apariencia del control RadioButton cuando la propiedad IsChecked se ha establecido en False.
Checked	Apariencia del control RadioButton cuando la propiedad IsChecked se ha establecido en True.
Indeterminate	Apariencia del control RadioButton cuando la propiedad IsThreeState se ha establecido en True.

Sugerencia:

Un grupo de estados contiene los estados visuales que forman parte de la misma categoría lógica y que no se pueden mostrar al mismo tiempo. Por ejemplo, el grupo CommonStates incluye estados relacionados con la interacción del usuario mediante un dispositivo de entrada como el mouse. Solo se puede mostrar un estado de este grupo de estados cada vez, pero un estado de un grupo sí se puede mostrar al mismo tiempo que un estado de otro grupo de estados.

Al seleccionar un estado, se activa la grabación del estado y se grabarán todos los cambios que se realicen para dicho estado. Para desactivar la grabación del estado, haga clic en el botón de grabación o seleccione Base en el panel Estados. Para modificar la apariencia del control cuando dos estados diferentes están activos, puede anclar una vista previa de un estado de un grupo de estados mientras modifica un estado de otro grupo de estados.

Para convertir objetos en un control RadioButton

Dado que el control RadioButton no tiene elementos, es posible convertir cualquier objeto en un control RadioButton.

1. Agrupe los objetos en un panel de diseño, seleccione el panel de diseño y, a continuación, en el menú Herramientas, haga clic en Convertir en control.

2. En el cuadro de diálogo que aparece, seleccione RadioButton, asígnele un nombre a la plantilla y seleccione la ubicación donde se almacenará.

   Para obtener información acerca de las ubicaciones, vea Crear un recurso.

3. Tras hacer clic en Aceptar, Expression Blend entra en el modo de edición de plantillas y muestra los objetos que forman parte del control RadioButton. Puede continuar modificando la plantilla en este modo. Por ejemplo, agregar o modificar objetos, o bien seleccionar un estado en el panel Estados para modificar la apariencia de la plantilla en dicho estado.

4. Plantéese la posibilidad de enlazar algunas de las propiedades de pincel de los objetos de la plantilla a las siguientes propiedades del objeto RadioButton que finalmente usará la plantilla:

   • Background

   • BorderBrush

   • Foreground

   • BorderThickness

   Para obtener más información, vea Trasladar propiedades de objetos a la plantilla.

5. Para salir del modo de edición de plantilla, haga clic en [RadioButton] en la barra de ruta de navegación situada en la parte superior de la mesa de trabajo, o haga clic en Ámbito superior en el panel Objetos y escala de tiempo.

Para obtener información acerca de cómo aplicar una plantilla RadioButton nueva a otros objetos RadioButton, vea Aplicar o quitar un recurso.

Referencias

Encontrará información detallada acerca de las propiedades y eventos del control RadioButton de Microsoft Silverlight en la galería de controles de Silverlight (puede estar en inglés) en MSDN.

Vea también

Tareas

Trasladar propiedades de objetos a la plantilla

Conceptos

Sugerencias para la aplicación de estilos a controles Silverlight comunes

Aplicar estilos a un control que admite plantillas