Introducción a Visual Studio

Puede utilizar Visual Studio para crear muchos tipos distintos de aplicaciones: aplicaciones de la Tienda Windows, aplicaciones de Windows Phone (y aplicaciones universales, destinadas al teléfono y a la Tienda Windows), aplicaciones de escritorio, aplicaciones web y servicios web. Puede escribir código en Visual Basic, Visual C#, Visual C++, Visual F# y JavaScript, y aplicaciones que pueden utilizar código en distintos lenguajes.

Depurar e Iniciar una aplicación en Visual Studio

A continuación, depurará la aplicación para buscar errores y probar que los dos cuadros de mensaje aparecen correctamente. Para obtener más información, vea Compilar una aplicación de WPF (WPF) y Depurar WPF. 

Buscar y corregir errores

En este paso, buscará el error que se produjo anteriormente al cambiar el nombre del archivo XAML de la ventana principal.

Para iniciar la depuración y buscar el error

1. Inicie el depurador seleccionando Depurar y después Iniciar depuración.
   Aparece un cuadro de diálogo que indica que se ha producido una excepción IOException: No se encuentra el recurso ‘mainwindow.xaml’.
2. Elija el botón Aceptar y después detenga el depurador.
   

Hemos cambiado el nombre Mainwindow.xaml a Greetings.xaml al comienzo de este tutorial, pero la solución todavía apunta a Mainwindow.xaml como el URI de inicio de la aplicación, por lo que el proyecto no puede iniciarse.

Agregando Controles en Visual Studio

Para agregar botones de radio

1. En el Cuadro de herramientas, busque el control RadioButton.
   
2. Agregue dos controles RadioButton a la superficie de diseño y muévalos de modo que aparezcan en paralelo bajo el control TextBlock.
   La ventana debe ser similar a la que se muestra a continuación:
   Figura 8: RadioButtons en la ventana Greetings.
   
3. En la ventana Propiedades del control RadioButton izquierdo, cambie la propiedad Name (la propiedad situada en la parte superior de la ventana Propiedades) a RadioButton1.
4. En la ventana Propiedades del control RadioButton derecho, cambie la propiedad Name a RadioButton2 y después guarde los cambios.

Ahora puede agregar el texto para mostrar de cada control RadioButton. El procedimiento siguiente actualiza la propiedad Content de un control RadioButton.

Para agregar el texto para mostrar de cada botón de radio

1. En la superficie de diseño, abra el menú contextual de RadioButton1, elija Editar texto y, a continuación, escriba Hello.
2. Abra el menú contextual de RadioButton2, elija Editar texto y, a continuación, escriba Goodbye.

El último elemento de la interfaz de usuario que agregará es un control Button.

Para agregar el control Button

1. En el Cuadro de herramientas busque el control Button y después agréguelo a la superficie de diseño, bajo los controles RadioButton.
2. En la vista XAML, cambie el valor de Content del control Button de Content=”Button” a Content=”Display” y después guarde los cambios.
   El marcado debería ser similar al del ejemplo siguiente: <Button Content="Display" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Margin="215,204,0,0"/>

La ventana debería parecerse a la de la siguiente ilustración.
Figura 9: Interfaz de usuario final de Greetings

Agregar código al botón Mostrar

Cuando se ejecuta esta aplicación, aparece un cuadro de mensaje después de que un usuario elija un botón de radio y, a continuación, el botón Mostrar. Aparecerá un cuadro de mensaje para Hello y otro para Goodbye. Para crear este comportamiento, debe agregar código al evento Button_Click en Greetings.xaml.vb o Greetings.xaml.cs.

Agregar código para mostrar cuadros de mensaje

1. En la superficie de diseño, haga doble clic en el botón Mostrar.
   Se abre Greetings.xaml.vb o Greetings.xaml.cs con el cursor en el evento Button_Click. También puede agregar un controlador de eventos clic del modo siguiente:
   Para Visual Basic, el controlador de eventos debe ser similar a:
   
   VB

   Copiar

   Private Sub Button_Click_1(sender As Object, e As RoutedEventArgs)
   
   End Sub
   

Aplicacion sencilla en visual studio

 Crear el proyecto

Cuando cree una aplicación en Visual Studio, primero creará un proyecto y una solución. Para este ejemplo, creará una solución de Windows Presentation Foundation. 

Para crear el proyecto de WPF

1. Cree un nuevo proyecto. En la barra de menús, elija Archivo, Nuevo, Proyecto.
   También puede escribir Nuevo proyecto en el cuadro Inicio rápido.
   
2. Elija la plantilla de la aplicación WPF de Visual C# o Visual Basic y después asigne el nombre HelloWPFApp al proyecto.
   OR
   

Se crea el proyecto y la solución HelloWPFApp y los distintos archivos aparecen en el Explorador de soluciones. WPF Designer muestra una vista de diseño y una vista XAML de MainWindow.xaml en una vista en dos paneles. (Para obtener más información, vea WPF Designer para desarrolladores de Windows Forms). Los elementos siguientes aparecen en el Explorador de soluciones:
Figura 5: Elementos del proyecto
Después de crear el proyecto, puede personalizarlo. Mediante la ventana Propiedades, puede mostrar y cambiar las opciones de los elementos de proyecto, controles y otros elementos de una aplicación. Mediante las propiedades del proyecto y las páginas de propiedades, puede mostrar y cambiar las opciones de proyectos y soluciones.

Configurar IDE en Visual Studio

        Cuando inicie Visual Studio por primera vez, deberá elegir una combinación de opciones que aplica un conjunto de personalizaciones predefinidas al IDE. Cada combinación de valores se ha diseñado para que sea más sencillo desarrollar aplicaciones.

Figura 1: Cuadro de diálogo Configuración del entorno predeterminada
Este tutorial se ha creado con la Configuración general de desarrollo aplicada, lo que implica la menor cantidad de personalización del IDE. Puede cambiar la combinación de opciones mediante el Asistente para importar y exportar configuraciones. Vea Personalizar la configuración de desarrollo en Visual Studio.
Después de abrir Visual Studio, puede identificar las ventanas de herramientas, los menús y barras de herramientas y el espacio de la ventana principal. Las ventanas de herramientas se acoplan a los lados izquierdo y derecho de la ventana de la aplicación, con Inicio rápido, la barra de menús y la barra de herramientas estándar en la parte superior. En el centro de la ventana de la aplicación está la Página principal. Cuando se carga una solución o un proyecto, los editores y diseñadores aparecen en este espacio. Cuando desarrolle una aplicación, pasará la mayor parte del tiempo en esta área central.
Figura 2: IDE de Visual Studio
Puede crear personalizaciones adicionales en Visual Studio, como cambiar el tipo de fuente y el tamaño del texto en el editor o el tema de color del IDE, mediante el cuadro de diálogo Opciones. Dependiendo de la combinación de opciones que haya aplicado, puede que algunos elementos de este cuadro de diálogo no aparezcan automáticamente. Puede asegurarse de que aparezcan todas las opciones posibles activando la casilla Mostrar todas las configuraciones.
Figura 3: Cuadro de diálogo Opciones
En este ejemplo, cambiará el tema de color del IDE de claro a oscuro.

Para cambiar el tema de color del IDE

1. Abra el cuadro de diálogo Opciones.
   
2. Cambie el tema de color a Oscuro y, a continuación, haga clic en Aceptar.
   

Los colores de Visual Studio deben coincidir con la imagen siguiente:
El tema de color usado en el resto de este tutorial es el tema de color claro. Para obtener más información acerca de cómo personalizar el IDE, vea Personalizar la configuración de desarrollo en Visual Studio.

Programar con componentes

Visual Studio 2013         

La arquitectura del diseñador de Visual Studio permite ensamblar clases de componentes no visuales de forma tan sencilla como ensamblar formularios Visual Basic. En las secciones siguientes se explica cómo crear componentes propios y cómo ensamblarlos a partir de los sofisticados componentes de las clases de .NET Framework.
En esta sección se define lo que es un componente y se ofrece una descripción general de los conceptos de programación de .NET Framework que son especialmente relevantes para la programación de componentes. Aunque el término componente tiene muchos significados, en .NET Framework, un componente es una clase que implementa la interfaz System.ComponentModel.IComponent o una clase que deriva directa o indirectamente de una clase que implementa esta interfaz. La implementación de la clase base predeterminada de la interfaz IComponent es System.ComponentModel.Component.
Si desea que los componentes y controles se puedan usar en otros lenguajes de programación, debe crearlos en un lenguaje conforme a CLS (Common Language Specification) y asegurarse de que todos los miembros públicos y protegidos son compatibles con CLS. Kit de desarrollo de software de Windows (SDK) proporciona compiladores para los siguientes lenguajes conformes a CLS: Visual Basic, C#, C++ y. Para obtener más información sobre CLS, vea Independencia del lenguaje y componentes independientes del lenguaje.

Cuadro de herramientas, Componentes (Pestaña)

Visual Studio 2013         

Muestra componentes que puede agregar a los diseñadores de Visual Basic y Visual C#. Además de los componentes de .NET Framework que se incluyen con Visual Studio, como MessageQueue y EventLog, puede agregar sus propios componentes de otros fabricantes a esta ficha. Para obtener más información, vea How to: Manipulate Toolbox Tabs. 

Para mostrar esta ficha, dentro del menú Ver seleccione Cuadro de herramientas. En el Cuadro de herramientas, seleccione la ficha Componentes.

BackgroundWorker

Crea una instancia de componente System.ComponentModel.BackgroundWorker que puede ejecutar una operación en un subproceso independiente dedicado.

DirectoryEntry

Crea una instancia del componente DirectoryEntry que encapsula un nodo o un objeto de la jerarquía Active Directory y que se puede utilizar para interactuar con proveedores de servicios de Active Directory.

DirectorySearcher

Crea una instancia del componente DirectorySearcher que se puede utilizar para realizar consultas en Active Directory.

ErrorProvider

Crea una instancia de componente System.Windows.Forms.ErrorProvider que indica al usuario final que un control de un formulario tiene un error asociado.

EventLog

Crea una instancia del componente EventLog que se puede utilizar para interactuar con registros de eventos tanto de sistema como personalizados, incluida la anotación de eventos en un registro y la lectura de datos de un registro. Para obtener más información, vea Introducción al componente EventLog.

FileSystemWatcher

Crea una instancia del componente FileSystemWatcher que se puede utilizar para supervisar cambios en cualquier directorio o archivo al que puede tener acceso. Para obtener más información, vea How to: Configure FileSystemWatcher Component Instances.

HelpProvider

Crea una instancia de componente System.Windows.Forms.HelpProvider que proporciona Ayuda emergente o en pantalla para los controles.

ImageList

Crea una instancia de componente System.Windows.Forms.ImageList que proporciona métodos para administrar una colección de objetos System.Drawing.Image.

MessageQueue

Crea una instancia del componente MessageQueue que se puede utilizar para interactuar con colas de mensajes, entre otras cosas permite leer mensajes de colas y escribir mensajes en colas, procesar transacciones y realizar tareas de administración de colas. Para obtener más información, vea Using Messaging Components.

PerformanceCounter

Crea una instancia del componente PerformanceCounter que se puede utilizar para interactuar con contadores de rendimiento de Windows, así se pueden crear nuevas categorías e instancias, leer valores de contadores y realizar cálculos con datos del contador. Para obtener más información, vea Supervisar umbrales de rendimiento.

Proceso

Crea una instancia del componente Process que permite finalizar, iniciar y manipular los datos asociados con procesos del sistema. Para obtener más información, vea Supervisar y administrar procesos de Windows.

SerialPort

Crea una instancia de componente System.IO.Ports.SerialPort que proporciona E/S sincrónica y orientada a eventos, acceso a estados de punto de conexión e interrupción, y acceso a propiedades del controlador serie.

ServiceController

Crea una instancia del componente ServiceController que permite manipular servicios existentes, así se pueden iniciar y detener servicios y enviar comandos a los mismos. Para obtener más información, vea Supervisar servicios de Windows.

Temporizador

Crea una instancia del componente Timer que permite agregar a las aplicaciones basadas en Windows, una funcionalidad basada en el tiempo. Para obtener más información, vea Timer (Componente, formularios Windows Forms).