Tutorial: Introducción a Diseñador de Windows Forms

 Artículo

 11/08/2022

 Tiempo de lectura: 12 minutos

 8 colaboradores

Se aplica a: Visual Studio  Visual Studio para Mac  Visual Studio Code

El Diseñador de Windows Forms brinda muchas herramientas para compilar aplicaciones de Windows
Forms. En este artículo se muestra cómo compilar una aplicación con las diversas herramientas
proporcionadas por el diseñador, incluidas las tareas siguientes:

 Organizar los controles mediante guías de alineación.

 Realizar las tareas de diseñador mediante el uso de etiquetas inteligentes.

 Establecer los márgenes y rellenos de los controles.

 Organizar los controles con un control TableLayoutPanel.

 Crear particiones del diseño de un control con un control SplitContainer.

 Navegar por el diseño con la ventana Esquema del documento.

 Colocar controles con la pantalla de información de tamaño y ubicación.

 Establecer los valores de propiedad con la ventana Propiedades.

Cuando termine, un control personalizado se habrá ensamblado mediante el uso de muchas de las
características de diseño disponibles en el Diseñador de Windows Forms. Con este control se
implementa la interfaz de usuario (UI) de una calculadora sencilla. En la imagen siguiente se muestra el
diseño general del control de la calculadora:

 Sugerencia

Si es desarrollador de C++ y busca un tutorial para ayudarle a crear una aplicación de Windows que
incluya formularios y controles, consulte Creación de una aplicación MFC basada en formularios. Para
obtener más información generalizada, consulte Información general sobre la programación de
Windows en C++.

Creación del proyecto de control personalizado

El primer paso es crear el proyecto de control DemoCalculator.

1. Abra Visual Studio y cree un proyecto Biblioteca de controles de Windows Forms. Asígnele al

proyecto el nombre DemoCalculatorLib.

2. Para cambiar el nombre, en el Explorador de soluciones, haga clic con el botón derecho
en UserControl1.vb o UserControl1.cs, seleccione Cambiar nombre y cambie el nombre de
archivo a DemoCalculator.vb o DemoCalculator.cs. Seleccione Sí cuando se le pregunte si quiere
cambiar el nombre de todas las referencias al elemento de código "UserControl1".

En el Diseñador de Windows Forms se muestra la superficie del diseñador para el control

DemoCalculator. En esta vista, puede diseñar gráficamente la apariencia del control si selecciona
controles y componentes en Cuadro de herramientas y los pone en la superficie del diseñador. Para más
información sobre los controles personalizados, consulte Variedades de controles personalizados.

Diseño del control

El control DemoCalculator contiene varios controles de Windows Forms. En este procedimiento,

organizará los controles con el Diseñador de Windows Forms.
 1. En el Diseñador de Windows Forms, para cambiar el control DemoCalculator a un tamaño
mayor, seleccione el controlador de tamaño en la esquina inferior derecha y arrástrelo hacia
abajo y a la derecha. En la esquina inferior derecha de Visual Studio busque la información de
tamaño y ubicación de los controles. Establezca el tamaño del control en 500 de ancho y 400 de
alto y observe la información de tamaño a medida que ajusta el tamaño del control.

2. En Cuadro de herramientas, seleccione el nodo Contenedores para abrirlo. Seleccione el

control SplitContainer y arrástrelo a la superficie del diseñador.

El controlSplitContainer se coloca en la superficie del diseñador del control DemoCalculator.

 Sugerencia

El control SplitContainer se ajusta al tamaño del control DemoCalculator. Observe la

ventana Propiedades para ver la configuración de las propiedades del control SplitContainer. Busque la
propiedad Dock. Su valor es DockStyle.Fill, lo que significa que el tamaño del
control SplitContainer siempre se ajustará a los límites del control DemoCalculator. Cambie el tamaño
del control DemoCalculator para comprobar este comportamiento.

3. En la ventana Propiedades, cambie el valor de la propiedad Dock a None.

El tamaño del control SplitContainer se reduce al tamaño predeterminado y ya no se ajusta al tamaño

del control DemoCalculator.

4. Seleccione el glifo de etiquetas inteligentes ( ) en la esquina superior derecha del

control SplitContainer. Seleccione Acoplar en contenedor primario para establecer la
propiedad Dock en Fill.

El control SplitContainer se acopla a los límites del control DemoCalculator.

 Nota

Varios controles ofrecen etiquetas inteligentes para facilitar el diseño. Para obtener más información,
vea Tutorial: Realizar tareas comunes con etiquetas inteligentes en los controles de Windows Forms.

5. Seleccione el borde vertical entre los paneles y arrástrelo a la derecha, para que el panel
izquierdo tenga la mayor parte del espacio.

SplitContainer divide el control DemoCalculator en dos paneles con un borde movible que los separa. En
el panel de la izquierda estarán los botones y la pantalla de la calculadora y en el panel de la derecha, se
mostrará un registro de las operaciones aritméticas que realice el usuario.

6. En la ventana Propiedades, cambie el valor de la propiedad BorderStyle a Fixed3D.

7. En Cuadro de herramientas, seleccione el nodo Controles comunes para abrirlo. Seleccione el

control ListView y arrástrelo al panel derecho del control SplitContainer.

8. Seleccione el glifo de etiqueta inteligente del control ListView. En el panel de etiquetas

inteligentes, cambie la configuración de View a Details.

9. En el panel de etiquetas inteligentes, seleccione Editar columnas.

Se abre el cuadro de diálogo Editor de la colección ColumnHeader.

10. En el cuadro de diálogo Editor de la colección ColumnHeader, seleccione Agregar para agregar

una columna en el control ListView. Cambie el valor de la propiedad Text de la columna
a Historial. Seleccione Aceptar para crear la columna.

11. En el panel de etiquetas inteligentes, seleccione Acoplar en contenedor primario y, luego,

seleccione el glifo de etiquetas inteligentes para cerrar el panel de etiquetas inteligentes.

12. En el Cuadro de herramientas del nodo Contenedores, arrastre un control TableLayoutPanel al

panel izquierdo del control SplitContainer.

El control TableLayoutPanel aparece en la superficie del diseñador con el panel de etiquetas inteligentes

abierto. El control TableLayoutPanel organiza sus controles secundarios en una cuadrícula. El
control TableLayoutPanel contendrá la pantalla y los botones del control DemoCalculator. Para obtener
más información, vea Tutorial: Organizar los controles mediante TableLayoutPanel.

13. Seleccione Editar filas y columnas en el panel de etiquetas inteligentes.

Se abre el cuadro de diálogo Estilos de columna y fila.

14. Seleccione el botón Agregar hasta que se muestren cinco columnas. Seleccione las cinco
columnas y, luego, seleccione Porcentaje en el cuadro Tipo de tamaño. Establezca el
valor Porcentaje en 20. Esto establece cada columna en el mismo ancho.

15. En Mostrar, seleccione Filas.

16. Seleccione Agregar hasta que se muestren cinco filas. Seleccione las cinco filas y, luego,
seleccione Porcentaje en el cuadro Tipo de tamaño. Establezca el valor Porcentaje en 20. Esto
establece cada fila en la misma altura.

17. Seleccione Aceptar para aceptar los cambios y, luego, seleccione el glifo de etiquetas

inteligentes para cerrar el panel de etiquetas inteligentes.

18. En la ventana Propiedades, cambie el valor de la propiedad Dock a Fill.

Relleno del control

Ahora que se configuró el diseño del control, puede rellenar el control DemoCalculator con botones y
una pantalla.

1. En Cuadro de herramientas, seleccione el icono de control TextBox.

Un control TextBox se coloca en la primera celda del control TableLayoutPanel.

2. En la ventana Propiedades, cambie el valor de la propiedad ColumnSpan del control TextBox a 5.

El control TextBox se mueve a una posición centrada en su fila.

3. Cambie el valor de la propiedad Anchor del control TextBox a Left, Right.

El control TextBox se expande horizontalmente para abarcar las cinco columnas.

 4. Cambie el valor de la propiedad TextBox del control TextAlign a Right.

5. En la ventana Propiedades, expanda el nodo de la propiedad Font.

Establezca Size en 14 y Bold en true para el control TextBox.

6. Seleccione el control TableLayoutPanel.

7. En Cuadro de herramientas, seleccione el icono Button.

Un control Button se coloca en la celda abierta siguiente del control TableLayoutPanel.

8. En Cuadro de herramientas, seleccione el icono Button cuatro veces más para rellenar la

segunda fila del control TableLayoutPanel.

9. Para seleccionar los cinco controles Button, mantenga presionada la tecla Mayús y

selecciónelos. Presione Ctrl+C para copiar los controles Button en el Portapapeles.

10. Presione Ctrl+V tres veces para pegar copias de los controles Button en las filas restantes del
control TableLayoutPanel.

11. Para seleccionar los 20 controles Button, mantenga presionada la tecla Mayús y selecciónelos.

12. En la ventana Propiedades, cambie el valor de la propiedad Dock a Fill.

Todos los controles Button se acoplan para rellenar sus celdas contenedoras.

13. En la ventana Propiedades, expanda el nodo de la propiedad Margin. Establezca el valor

de All en 5.

El tamaño de todos los controles Button se reduce para crear un margen mayor entre ellos.

14. Seleccione button10 y button20 y, luego, presione Eliminar para quitarlos del diseño.

15. Seleccione button5 y button15 y, luego, cambie el valor de la propiedad RowSpan a 2. Estos

serán los botones Borrar y = del control DemoCalculator.

Uso de la ventana Esquema del documento

Cuando el control o formulario se rellena con varios controles, puede que le result más sencillo navegar
por el diseño con la ventana Esquema del documento.

1. En la barra de menús, elija Ver>Otras ventanas>Esquema del documento.

En la ventana Esquema del documento se muestra una vista de árbol del control DemoCalculator y sus
controles constituyentes. Los controles contenedores, comoSplitContainer, muestran sus controles
secundarios como subnodos en el árbol. También puede cambiar el nombre de los controles en contexto
con la ventana Esquema del documento.

2. En la ventana Esquema del documento, haga clic con el botón derecho en button1 y

seleccione Cambiar nombre. Cámbiele el nombre a sevenButton.

3. Con la ventana Esquema del documento, cámbiele el nombre a los controles Button desde el

nombre generado por el diseñador al nombre de producción según la lista siguiente:
 o button1 a sevenButton

o button2 a eightButton

o button3 a nineButton

o button4 a divisionButton

o button5 a clearButton

o button6 a fourButton

o button7 a fiveButton

o button8 a sixButton

o button9 a multiplicationButton

o button11 a oneButton

o button12 a twoButton

o button13 a threeButton

o button14 a subtractionButton

o button15 a equalsButton

o button16 a zeroButton

o button17 a changeSignButton

o button18 a decimalButton

o button19 a additionButton

4. Con las ventanas Esquema del documento y Propiedades, cambie el valor de la

propiedad Text de cada nombre de control Button según la lista siguiente:

o Cambie la propiedad de texto del control sevenButton a 7

o Cambie la propiedad de texto del control eightButton a 8

o Cambie la propiedad de texto del control nineButton a 9

o Cambie la propiedad de texto del control divisionButton a / (barra diagonal)

o Cambie la propiedad de texto del control clearButton a Borrar

o Cambie la propiedad de texto del control fourButton a 4

o Cambie la propiedad de texto del control fiveButton a 5

o Cambie la propiedad de texto del control sixButton a 6

o Cambie la propiedad de texto del control multiplicationButton a * (asterisco)

 o Cambie la propiedad de texto del control oneButton a 1

o Cambie la propiedad de texto del control twoButton a 2

o Cambie la propiedad de texto del control threeButton a 3

o Cambie la propiedad de texto del control subtractionButton a - (guion)

o Cambie la propiedad de texto del control equalsButton a = (signo igual)

o Cambie la propiedad de texto del control zeroButton a 0

o Cambie la propiedad de texto del control changeSignButton a +/-

o Cambie la propiedad de texto del control decimalButton a . (punto)

o Cambie la propiedad de texto del control additionButton a + (signo más)

5. En la superficie del diseñador, seleccione todos los controles Button mientras mantiene

presionada la tecla Mayús.

6. En la ventana Propiedades, expanda el nodo de la propiedad Font.

Establezca Size en 14 y Bold en true para todos los controles Button.

Esto completa el diseño del control DemoCalculator. Todo lo que queda es proporcionan la lógica de
calculadora.

Implementación de controladores de eventos

Los botones del control DemoCalculator tienen controladores de eventos que se pueden usar para
implementar gran parte de la lógica de calculadora. El Diseñador de Windows Forms le permite
implementar los códigos auxiliares de todos los controladores de eventos para todos los botones con
una selección.

1. En la superficie del diseñador, seleccione todos los controles Button mientras mantiene

presionada la tecla Mayús.

2. Seleccione uno de los controles Button.

El Editor de código se abre en los controladores de eventos que genera el diseñador.

Prueba del control

Como el control DemoCalculator hereda de la clase UserControl, puede probar su comportamiento

con UserControl Test Container. Para obtener más información, vea Cómo: Prueba del comportamiento
de UserControl en tiempo de ejecución.

1. Presione F5 para compilar y ejecutar el control DemoCalculator en UserControl Test Container.

2. Seleccione el borde entre los paneles SplitContainer y arrástrelo a la izquierda y a la derecha. El

tamaño de TableLayoutPanel y de todos sus controles secundarios cambia para ajustarse al
espacio disponible.

3. Cuando termine de probar el control, seleccione Cerrar.

Uso del control en un formulario

El control DemoCalculator se puede usar en otros controles compuestos o en un formulario. En el

procedimiento siguiente se describe cómo usarlo.

Crear el proyecto

El primer paso es crear el proyecto de la aplicación. Usará este proyecto para compilar la aplicación que
muestra el control personalizado.

1. Cree un proyecto de aplicación de Windows Forms y asígnele el nombre DemoCalculatorTest.

2. En el Explorador de soluciones, haga clic con el botón derecho en el

proyecto DemoCalculatorTest y seleccione Agregar>Referencia de proyectopara abrir el cuadro
de diálogo Administrador de referencias.

(Si usa Visual Studio 2017, seleccione Agregar>Referencia para abrir el cuadro de diálogo Administrador

de referencias).

3. Vaya a la pestaña Proyectos y, luego, seleccione el proyecto DemoCalculatorLib para agregar la

referencia al proyecto de prueba.

4. En el Explorador de soluciones, haga clic con el botón derecho en DemoCalculatorTest y, luego,

seleccione Establecer como proyecto de inicio.

5. En el Diseñador de Windows Forms, aumente el tamaño del formulario a alrededor

de 700 x 500.

Uso del control en el diseño del formulario

Para usar el control DemoCalculator en una aplicación, deberá colocarlo en un formulario.

1. En Cuadro de herramientas, expanda el nodo Componentes de DemoCalculatorLib.

2. Arrastre el control DemoCalculator desde el Cuadro de herramientas al formulario. Mueva el

control a la esquina superior derecha del formulario. Cuando el control esté cerca de los bordes
del formulario, aparecerán las guías de alineación. Las guías de alineación indican la distancia de
la propiedad Padding del formulario y de la propiedad Margin del control. Coloque el control en
la ubicación que indican las guías de alineación.

Para obtener más información, vea Tutorial: Organizar los controles mediante guías de alineación.

3. Arrastre un control Button desde el Cuadro de herramientas y suéltelo en el formulario.

4. Mueva el control Button alrededor del control DemoCalculator y observe dónde aparecen las

guías de alineación. Con esta característica, puede alinear los controles de manera precisa y
sencilla. Cuando haya finalizado, elimine el control Button.

5. Haga clic con el botón derecho en el control DemoCalculator y, luego, seleccione Propiedades.

6. Cambie el valor de la propiedad Dock a Fill.

 7. Seleccione el formulario y, luego, expanda el nodo de la propiedad Padding. Cambie el valor
de Todos a 20.

El tamaño del control DemoCalculator se reduce para ajustar el valor Padding nuevo del formulario.

8. Para cambiar el tamaño del formulario, arrastre los distintos controladores de tamaño a las
distintas posiciones. Observe cómo cambia el tamaño del control DemoCalculator y se ajusta.

Pasos siguientes

En este artículo se mostró cómo construir la interfaz de usuario de una calculadora sencilla. Para
continuar, puede extender su funcionalidad implementando la lógica de calculadora y, luego, publicar la
aplicación mediante ClickOnce. O bien, siga con otro tutorial en el que creará un visor de imágenes con
Windows Forms.

Crear un control cuadro de herramientas

de Formularios Windows Forms
 Artículo
 08/08/2022
 Tiempo de lectura: 6 minutos
 15 colaboradores

Se aplica a:  Visual Studio Visual Studio  para Mac  Visual Studio Code

La plantilla de elemento Control del cuadro de herramientas de Windows Forms que se

incluye en visual Studio Extensibility Tools (VS SDK), le permite crear un control Cuadro
de herramientas que se agrega automáticamente cuando se instala la extensión. En
este tutorial se muestra cómo usar la plantilla para crear un control de contador simple
que puede distribuir a otros usuarios.

Prerrequisitos
A partir de Visual Studio 2015, no se instala el SDK de Visual Studio desde el centro de
descarga. Se incluye como una característica opcional en la configuración de Visual
Studio. También puede instalar el SDK de VS después. Para obtener más información,
consulte Instalación del SDK de Visual Studio.

Crear el control cuadro de herramientas

La plantilla Control del cuadro de herramientas de Windows Forms crea un control de
usuario no definido y proporciona toda la funcionalidad necesaria para agregar el
control al cuadro de herramientas.

Crear una extensión con un control cuadro de herramientas de

Formularios Windows Forms

1. Cree un proyecto VSIX denominado MyWinFormsControl. Para encontrar la

plantilla de proyecto VSIX en el cuadro de diálogo Nuevo proyecto ,
busque "vsix".

2. Cuando se abra el proyecto, agregue una plantilla de elemento de control

del cuadro de herramientas de Windows Forms denominada Counter. En
el Explorador de soluciones, haga clic con el botón derecho en el nodo del
proyecto y seleccione Agregar>Nuevo elemento. En el cuadro de
diálogo Agregar nuevo elemento, vaya a Visual C#>Extensibilidad y
seleccione Control del cuadro de herramientas de Windows Forms.

3. Esto agrega un control de usuario,

un ProvideToolboxControlAttributeRegistrationAttribute para colocar el
control en el cuadro de herramientas y una entrada de
recurso Microsoft.VisualStudio.ToolboxControl en el manifiesto VSIX
para la implementación.

Creación de una interfaz de usuario para el control

El Counter control requiere dos controles secundarios: un Label para mostrar el recuento

actual y un para Button restablecer el recuento a 0. No se requieren otros controles
secundarios porque los llamadores incrementarán el contador mediante programación.

Para crear la interfaz de usuario

1. En el Explorador de soluciones, haga doble clic en Counter.cs para abrirlo

en el diseñador.

2. Quite el botón Hacer clic aquí ! que se incluye de forma predeterminada al

agregar la plantilla de elemento De control del cuadro de herramientas de
Windows Forms.

3. En el Cuadro de herramientas, arrastre un Label control y, a continuación,

un Button control debajo de él a la superficie de diseño.
 4. Cambie el tamaño del control de usuario general a 150, 50 píxeles y cambie
el tamaño del control de botón a 50, 20 píxeles.

5. En la ventana Propiedades , establezca los valores siguientes para los

controles de la superficie de diseño.

Control Propiedad Value

Label1 Texto ""
Button1 Nombre btnReset
Button1 Texto Reset

Codificar el control de usuario

El Counter control expondrá un método para incrementar el contador, un evento que se

generará cada vez que se incremente el contador, un botón Restablecer y tres
propiedades para almacenar el recuento actual, el texto para mostrar y si se va a
mostrar u ocultar el botón Restablecer . El atributo ProvideToolboxControl determina la
ubicación del Cuadro de herramientas donde se mostrará el control Counter .

Para codificar el control de usuario

1. Haga doble clic en el formulario para abrir su controlador de eventos de

carga en la ventana de código.

2. Encima del método del controlador de eventos, en la clase de control se

crea un entero para almacenar el valor del contador y una cadena para
almacenar el texto para mostrar, tal como se muestra en el ejemplo
siguiente.

C#Copiar
int currentValue;
string displayText;

3. Cree las siguientes declaraciones de propiedad pública.

C#Copiar
public int Value {
get { return currentValue; }
}

public string Message {
 get { return displayText; }
set { displayText = value; }
}

public bool ShowReset {
get { return btnReset.Visible; }
set { btnReset.Visible = value; }
}

Los autores de llamadas pueden acceder a estas propiedades para obtener

y establecer el texto para mostrar del contador y mostrar u ocultar el
botón Restablecer . Los autores de llamadas pueden obtener el valor actual
de la propiedad de solo lectura Value , pero no pueden establecer el valor
directamente.

4. Coloque el código siguiente en el Load evento para el control .

C#Copiar
private void Counter_Load(object sender, EventArgs e)
{
currentValue = 0;
label1.Text = Message + Value;
}

Establecer el texto etiqueta en el Load evento permite que las propiedades

de destino se carguen antes de que se apliquen sus valores. Si se establece
el texto etiqueta en el constructor, se produciría una etiqueta vacía.

5. Cree el siguiente método público para incrementar el contador.

C#Copiar
public void Increment()
{
currentValue++;
label1.Text = displayText + Value;
Incremented(this, EventArgs.Empty);
}

6. Agregue una declaración para el Incremented evento a la clase de control.

C#Copiar
public event EventHandler Incremented;
 Los autores de llamadas pueden agregar controladores a este evento para
responder a los cambios en el valor del contador.

7. Vuelva a la vista de diseño y haga doble clic en el botón Restablecer para

generar el controlador de btnReset_Click eventos. A continuación, llámalo
como se muestra en el ejemplo siguiente.

C#Copiar
private void btnReset_Click(object sender, EventArgs e)
{
currentValue = 0;
label1.Text = displayText + Value;
}

8. Justo encima de la definición de clase en la declaración de atributos

de ProvideToolboxControl , cambie el valor del primer parámetro
de "MyWinFormsControl.Counter" a "General". Se establece el nombre del
grupo de elementos que va a hospedar el control en el Cuadro de
herramientas.

En el ejemplo siguiente se muestra el atributo ProvideToolboxControl y la

definición de clase ajustada.

C#Copiar
[ProvideToolboxControl("General", false)]
public partial class Counter : UserControl
Prueba del control

Para probar un control Cuadro de herramientas , pruebelo primero en el entorno de

desarrollo y, a continuación, pruebelo en una aplicación compilada.

Para probar el control

1. Presione F5 para iniciar la depuración.

Este comando compila el proyecto y abre una segunda instancia

experimental de Visual Studio que tiene el control instalado.

2. En la instancia experimental de Visual Studio, cree un proyecto de

aplicación de Windows Forms .
3. En el Explorador de soluciones, haga doble clic en Form1.cs para abrirlo en
el diseñador si aún no está abierto.

4. En el Cuadro de herramientas, el Counter control debe mostrarse en la

sección General .

5. Arrastre un Counter control al formulario y selecciónelo.

Las Valuepropiedades , Messagey ShowReset se mostrarán en la
ventana Propiedades , junto con las propiedades heredadas
de UserControl.

6. Establezca la propiedad Message en Count:.

7. Arrastre un Button control al formulario y establezca las propiedades de

nombre y texto del botón en Test.

8. Haga doble clic en el botón para abrir Form1.cs en la vista de código y crear

un controlador de clics.

9. En el controlador de clics, llame a counter1.Increment().

10. En la función constructora, después de la llamada a InitializeComponent,

escriba counter1``.``Incremented += y presione Tab dos veces.

Visual Studio genera un controlador de nivel de formulario para

el counter1.Incremented evento.

11. Resalte la Throw instrucción en el controlador de eventos, escriba mboxy

presione Tab dos veces para generar un cuadro de mensaje desde el
fragmento de código de mbox.

12. En la línea siguiente, agregue el siguiente if/else bloque para establecer la

visibilidad del botón Restablecer .

C#Copiar
if (counter1.Value < 5) counter1.ShowReset = false;
else counter1.ShowReset = true;

13. Presione F5.

Se abre el formulario. El Counter control muestra el texto siguiente.

 Recuento: 0

14. Seleccione Probar.

El contador se incrementa y Visual Studio muestra un cuadro de mensaje.

15. Cierre el cuadro de mensaje.

El botón Restablecer desaparece.

16. Seleccione Probar hasta que el contador alcance 5 cerrando los cuadros de

mensaje cada vez.

Vuelve a aparecer el botón Restablecer .

17. Seleccione Restablecer.

El contador se restablece a 0.

Pasos siguientes
Al compilar un control Cuadro de herramientas , Visual Studio crea un archivo
denominado ProjectName.vsix en la carpeta \bin\debug\ del proyecto. Puede
implementar el control cargando el archivo .vsix en una red o en un sitio web. Cuando
un usuario abre el archivo .vsix , el control se instala y se agrega al Cuadro
de herramientas de Visual Studio en el equipo del usuario. Como alternativa, puede
cargar el archivo .vsix en Visual Studio Marketplace para que los usuarios puedan
encontrarlo examinando el cuadro de diálogoExtensiones y
actualizaciones de herramientas>.