Crear un nuevo control de usuario en un proyecto

Artículo
10/11/2017

Puede diseñar sus propios controles personalizados para reutilizarlos varias veces en un proyecto. Estos controles se heredan de la clase UserControl y, por tanto, no usan plantillas. Sin embargo, puede controlar la apariencia del control de usuario si lo diseña a partir de cero.

Crear un control de usuario vacío

Abra un proyecto.
En el menú Archivo, haga clic en Nuevo elemento (CTRL+N).
En el cuadro de diálogo Nuevo elemento, seleccione UserControl .
Junto a Nombre, escriba un nombre descriptivo para el control de usuario.

Si desea que se genere un archivo de código subyacente para este control de usuario, seleccione Incluir archivo de código.

Sugerencia:
Necesitará un archivo de código subyacente si desea que el control de usuario responda a la interacción con el usuario o si un desarrollador debe crear un comportamiento personalizado para el control de usuario.

Haga clic en Aceptar para cerrar del cuadro de diálogo y abrir el control de usuario para editarlo.

Ahora puede diseñar el aspecto del control de usuario.

Crear un control de usuario a partir de objetos existentes

Seleccione los objetos existentes que desea que formen parte del nuevo control de usuario.

Sugerencia:

Para seleccionar varios objetos, mantenga presionada la tecla CTRL mientras hace clic en cada objeto.
En el menú Herramientas, haga clic en Convertir en UserControl (F8).
En el cuadro de diálogo Convertir en UserControl, escriba un nombre descriptivo para el control de usuario.
Si desea dejar los objetos seleccionados donde están y crear duplicados en el control de usuario, seleccione Dejar contenido original tal cual y crear duplicados si es necesario.
Haga clic en Aceptar para crear los archivos de control de usuario y abrir el archivo XAML en la mesa de trabajo para editarlo.

Sugerencia:
Para seleccionar varios objetos, mantenga presionada la tecla CTRL mientras hace clic en cada objeto.

Dibujar una nueva instancia de un control de usuario en un documento del proyecto

Guarde todos los archivos (CTRL+MAYÚS+S).
Genere el proyecto (CTRL+MAYÚS+B) para que el control de usuario aparezca en el panel Activos.
En el panel Herramientas, haga clic en Activos .
En el panel Activos, en la ficha Proyecto, seleccione el control de usuario.
Con el mouse, dibuje el control de usuario en la mesa de trabajo.

Sugerencia:
Use el comando Convertir en control para crear una plantilla de control a partir de los objetos seleccionados. Seleccione objetos en la mesa de trabajo, agrúpelos en un panel de diseño, como Grid , y haga clic en Convertir en control en el menú Herramientas. El comando Convertir en control no crea un control de usuario. En su lugar, crea un estilo de control que contiene una plantilla formada por los objetos que ha seleccionado. Para dibujar otro control del mismo tipo, seleccione su estilo en la categoría Estilos del panel Activos y, a continuación, dibújelo en la mesa de trabajo.

Use el comando Convertir en control para crear una plantilla de control a partir de los objetos seleccionados. Seleccione objetos en la mesa de trabajo, agrúpelos en un panel de diseño, como Grid , y haga clic en Convertir en control en el menú Herramientas. El comando Convertir en control no crea un control de usuario. En su lugar, crea un estilo de control que contiene una plantilla formada por los objetos que ha seleccionado. Para dibujar otro control del mismo tipo, seleccione su estilo en la categoría Estilos del panel Activos y, a continuación, dibújelo en la mesa de trabajo.

Solución de problemas

Cuando use el comando Convertir en UserControl, si los objetos seleccionados incluyen contenido factorizado como controladores de eventos o desencadenadores, puede ser necesario restaurar esos desencadenadores y métodos de control de eventos en el control de usuario recién creado.

Pasos siguientes

Puede agregar más objetos al control de usuario. Para obtener más información, vea los temas siguientes:
Puede definir estados personalizados para el control de usuario y cambiar su apariencia en cada estado. Para obtener más información, vea Definir estados visuales y tiempos de transición diferentes en un control de usuario.
Puede hacer que el control de usuario responda a un clic del mouse cambiando su apariencia. Para obtener más información, vea Cambiar estados en respuesta a una interacción del usuario.
Puede hacer que el control de usuario cambie su apariencia de una forma más elaborada cuando se hace clic en él. Para obtener más información, vea Agregar animación que se reproducirá después de cambiar un estado.
Puede hacer que el control de usuario aparezca en tiempo de ejecución en respuesta a un clic en un botón u otra interacción del usuario. Para obtener más información, vea Inténtelo: cargar una nueva página dinámicamente en la aplicación de Silverlight.

Vea también

Tareas

Crear un control a partir de objetos existentes