Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

Embed Size (px)

Citation preview

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    1/19

    Miremos más en detalle las diferentes barras de herramientas y ventanas que están a nuestra disposición.

    No menos de treinta barras de herramientas diferentes están disponibles en Visual Studio. La visualización de cadauna de ellas se puede controlar con el menú contextual, accesible haciendo doble clic en la barra principal de menús.

    Por supuesto, es inútil visualizar el conjunto de las barras de herramienta de manera simultánea; conviene mostrarsólo las más útiles.

    Estándar

    Las herramientas disponibles

    1. Las barras de herramientas

    © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    2/19

    Editor de texto

    Editor de cuadros de diálogo

    Disposición

    Depurar

    Las otras barras disponibles se visualizarán bajo demanda, en función de sus necesidades, con el fin de evitarsobrecargar su pantalla.

    Las ventanas disponibles son también bastante numerosas y vamos a descubrir las más corrientes.

    A partir del cuadro de herramientas vamos a elegir los elementos utilizados para el diseño de la interfaz de laaplicación.

    2. El cuadro de herramientas

    2 - © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    3/19

    El cuadro de herramientas, organizado por secciones, permite encontrar los controles fácilmente.

    Cada uno podrá personalizar su cuadro de herramientas al añadirle por ejemplo controles no disponibles pordefecto. Puede ser juicioso, antes de añadir controles a su cuadro de herramientas, crear una nueva sección paraalbergarla. Para ello, abra el menú contextual del cuadro de herramientas (haciendo clic con el botón derecho delratón en el cuadro de herramientas), elija la opción Agregar ficha , luego dé un nombre a la nueva sección queacaba de crear. Después de haber seleccionado esta nueva sección, puede añadirle controles. Visualice de nuevo elmenú contextual del cuadro de herramientas, luego elija la opción Elegir elementos .

    Se presenta entonces la lista de los controles (COM o .NET), disponibles en la máquina, que le permite seleccionarlos controles que hay que añadir en esta sección del cuadro de herramientas. La configuración del cuadro deherramientas no está relacionada con el proyecto activo sino con el propio entorno (el cuadro de herramientas seráidéntica sea cual sea el proyecto abierto).

    El explorador de servidores está disponible con el menú Ver - Explorador de servidores o por el atajo [Ctrl][Alt] S .

    Se visualiza en una nueva pestaña de la ventana asociada al cuadro de herramientas.

    3. El explorador de servidores

    © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    4/19

    La mayoría de las aplicaciones requieren otras máquinas presentes en la red para poder funcionar. Por lo tanto esnecesario tener, durante la fase de desarrollo de una aplicación, la posibilidad de acceder a los recursos disponiblesen otras máquinas.

    El elemento de la ventana del explorador de servidores utilizado de manera más frecuente será la secciónConexiones de datos .

    Permite en particular la gestión de los objetos disponibles en el servidor SQL (tablas, vistas, procedimientosalmacenados).

    El explorador de servidores también permite gestionar servicios operativos en las máquinas tanto a traves de lainterfaz gráfica como de código. Ofrece la posibilidad de visualizar la actividad de las máquinas analizando loscontadores de rendimiento o recuperando datos guardados en los diferentes registros de eventos. Un sencilloarrastrar y soltar entre el explorador de servidores y una ventana que se está diseñando genera automáticamenteel código que permite trabajar con este elemento en la aplicación. Por ejemplo, el desplazamiento de un contadorde rendimiento encima de una ventana genera el código siguiente:

    4 - © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    5/19

    El explorador de soluciones permite ver los elementos que constituyen una solución y modificar sus propiedades.

    El visor de clases es accesible mediante el menú Ver - Vista de clases o con la combinación de teclas [Ctrl][Shift] C .

    Comparte su zona de pantalla con el explorador de soluciones.

    private System.Diagnostics.PerformanceCounter performanceCounter1;

    this.performanceCounter1 = new System.Diagnostics.PerformanceCounter();

    this.performanceCounter1.CategoryName = "Memoria"

    this.performanceCounter1.CounterName = "Kilo-bytes disponibles"

    this.performanceCounter1.MachineName = "portátil TG"

    4. El explorador de soluciones

    La utilización del explorador de soluciones se presenta en detalle en el capítulo dedicado a la organización de unaaplicación.

    5. El visor de clases

    © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    6/19

    La visualización de clases permite tener una visión lógica de una solución presentando las diferentes clasesutilizadas en esa solución.

    Se puede visualizar la ventana de propiedades usando cualquiera de estos tres métodos:

    6. La ventana de propiedades

    l Utilizando el menú Ver - Ventana propiedades .

    l Con la tecla de función [F4].

    l Con la opción Propiedades del menú contextual disponible al hacer clic con el botón derecho en uno de loselementos que constituye un proyecto (elemento gráfico de la interfaz de usuario, fichero o archivo del proyecto…). Laventana de propiedades adapta automáticamente su contenido en función del elemento seleccionado y permitemodificar estas caractéristicas.

    6 - © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    7/19

    Los elementos cuyas características puede modificar se pueden seleccionar directamente en la lista desplegable oen la interfaz de la aplicación.

    Hay dos presentaciones disponibles para la lista de propiedades:

    El modo Alfabético , que se activa al hacer clic en el icono .

    El modo Por categoría , que se activa al hacer clic en el icono .

    Esta ventana le permitirá sustituir decenas de post - it pegados en el borde de su pantalla. En efecto, Usted puedegestionar lo que queda por hacer en su proyecto teniendo en cuenta una lista de las modificaciones que es precisoaportar en su código.

    7. La lista de las tareas

    © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    8/19

    La información presente en la lista puede tener dos orígenes:

    Usted puede ubicar en su código los comentarios que aparecerán luego en la lista de las tareas. Esta técnica lepermite, por ejemplo, indicar una modificación que es preciso efectuar más tarde en su código.

    Basta con que el comentario empiece con ToDo, para luego retomarlo automáticamente en la lista de las tareas.

    También puede introducir directamente los datos en la lista de las tareas. Para ello seleccione la opción Tareas deusuario que se muestra si despliega la zona de lista disponible en la barra de título de la lista de las tareas.

    La adición de una tarea se ejecuta luego con el botón , disponible en la lista de las tareas.

    Es posible especificar ya una descripción y una prioridad para la nueva tarea haciendo clic en la columna deizquierda en la lista de las tareas. Hay tres niveles de prioridad disponibles:

    Para cada tarea, una casilla de selección permite indicar que se ha realizado. Su descripción aparece entoncestachada en la lista de las tareas. Para las tareas de usuario, no hay enlace automático con un fragmento cualquierade código.

    El código que va introduciendo es analizado en tiempo real por Visual Studio y los posibles errores de sintaxis sonretomados por Visual Studio en la ventana Lista de errores .

    l Los comentarios insertados en su código.

    l La información introducida directamente en la ventana.

    l Alta.

    l Normal.

    l Baja.

    8. La lista de los errores

    8 - © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    9/19

    Para ir directamente a la línea donde haya aparecido un error de sintaxis, basta con hacer doble clic en la lista delelemento correspondiente (en el ejemplo anterior, doble clic en Se esperaba } para alcanzar la línea 23). No esnecesario en absoluto pedir la compilación completa del código para rastrear todos los errores de síntaxis. Encuanto el error está corregido, desaparece automáticamente de la lista de errores.

    Los botones de error, alerta, mensaje activan un filtro sobre los mensajes visualizados en la lista de los errores.

    Vamos a dedicar más tiempo a esta ventana. Propone muchas funcionalidades que permiten automatizar lasacciones más corrientes.

    Los Snippets son fragmentos de código que se pueden incorporar muy fácilmente a un archivo fuente. Permitenescribir muy rápidamente porciones de código correspondiente a situaciones corrientes. Visual Studio propone unamultitud de Snippets. Hay dos soluciones disponibles para insertar un Snippet:

    Para estos dos métodos, Visual Studio le propone elegir en una lista el Snippet que le interesa. Se pueden

    personalizar estas porciones de código. En principio están en azul claro. La modificación de una de estas porcionesde código repercute en todas las instancias en el Snippet.

    En el ejemplo siguiente, se empleó un Snippet para añadir un bucle for en una función.

    Se efecturá la modificación de los valores i y length en cascada en el conjunto del código del Snippet.

    Puede también diseñar sus propios Snippets. Para ello, debe crear el archivo XML que va a contener el código delSnippet. Este archivo debe tener la extensión .snippet.

    Para ayudarle en la creación de un Snippet, Microsoft tiene previsto un Snippet. Usted puede incorporarlo en suarchivo XML con el menú contextual Insertar fragmento de código .

    9. La ventana de edición de código

    a. Los Snippets

    l Utilizar la opción Insertar fragmento de código del menú contextual del editor de código.

    l Utilizar las combinaciones de teclas [Ctrl] K, luego [Ctrl] X.

    © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    10/19

    Debe obtener el documento siguiente:

    Luego puede personalizar su Snippet. En un primer momento, debe modificar la sección Header sustituyendo los

    valores de las diferentes etiquetas.

    La sección Declaraciones permite crear parámetros utilizados en el Snippet. Para cada parámetro, debe crear unasección y facilitar un nombre para el parámetro y un valor por defecto.

    título

    Author>autor

    atajo

    descripción

    SurroundsWith

    Expansion

    nombre

    valor

    $nombre$

    $selected$ $end$]]>

    Recorrer un array

    Thierry

    tablo

    este fragmento añade un bucle que permite recorrer

    un array

    Expansion

    nombreTabla

    laTabla

    10 - © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    11/19

    Luego debe indicar para qué lenguaje está previsto su Snippet.

    Y finalmente definir en la etiqueta CDATA el código Snippet. En este código, puede utilizar los parámetros delSnippet enmarcándolos entre dos caracteres $.

    Luego puede guardar el archivo y su Snippet está listo. Conviene ahora integrarlo en Visual Studio. Para ello,

    active el gestor de Snippet usando el menú Herramientas - Administrador de fragmentos de código .

    tipoTabla

    tipoDeLaTabla

    tamañoTabla

    tamañoDeLaTabla

    $tipoTabla$[] $nombreTabla$;

    $nombreTabla$ = new $tipoTabla$ [$tamañoTabla$];

    int index;

    for (index = 0; index < $nombreTabla$.Length; index++)

    {

    // insertar el código de tratamiento de la tabla

    }

    ]]>

    © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    12/19

    El botón Importar permite añadir su Snippet a los ya disponibles en Visual Studio.

    Después de haber seleccionado el archivo que contiene el Snippet, debe elegir la sección en la cual se guardará.

    12 - © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    13/19

    Su Snippet está ahora disponible en el editor de código.

    Sólo le queda personalizar el código generado.

    Es posible visualizar las porciones de código que ya han sido modificadas desde la ejecución de Visual Studio. Seidentifican las modificaciones con un borde de color que aparece en el margen del editor de código.

    También puede renombrar un elemento y propagar automáticamente la modificación al resto del código. El usotípico consiste en cambiar el nombre de una variable o clase. Usted no debe renombrar la variable directamente enel código, sino utilizar el cuadro de diálogo visualizado utilizando la opción Cambiar nombre del menú contextualdel editor de código sobre el nombre actual de la variable.

    b. Seguimiento de las modificaciones

    l Un borde amarillo indica que se ha modificado el código pero que aún no ha sido guardado.

    l Un borde verde indica que se ha modificado y guardado el código.

    © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    14/19

    Se puede extender la búsqueda para efectuar las sustituciones en los comentarios y en las cadenas de caracteresactivando las opciones correspondientes. Por defecto se muestra una vista previa de todas las modificacionesprevistas antes de que se efectúen realmente.

    Se puede cancelar algunas de ellas desmarcando la casilla correspondiente en la lista.

    La modificación realizada mediante este cuadro de diálogo repercute sobre el conjunto del código donde se utilizala variable.

    c. Las herramientas de edición de código

    14 - © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    15/19

    Los editores de texto de Visual Studio disponen de muchas funcionalidades que permiten facilitar las operacionesefectuadas con frecuencia durante la escritura del código de una aplicación.

    Como complemento de las funciones clásicas de seleción de texto y de copiar/pegar, el editor de Visual Studiopermite la selección de zonas rectangulares de texto manteniendo apretada la tecla [Alt] durante la selección.Cuando se introduce luego algo de código en la selección, se duplica sobre cada línea de la selección.

    Si, por ejemplo, utiliza el método siguiente, que visualiza en la consola los datos de una persona:

    Para modificar este método y escribir estos datos en un archivo en vez de visualizarlos en la consola, sólo debecrear el archivo y luego modificar todas las instrucciones .Write para que se apliquen al archivo creado. Para ello,añada simplemente la línea siguiente para la creación del archivo:

    StreamWriter archivo=new StreamWriter("resultados");

    Luego debe modificar cada instrucción Write para escribir hacia el archivo, y no hacia la consola. Selecione paraello una zona rectangular que contenga todas las palabras consola e introduzca la palabra archivo .

    Se sustituye entonces la palabra Consola en todas las línas de la selección.

    Selección de texto

    private void visualizaciónResultados(Cliente c)

    {

    Console.Write("apellido:" + c.apellido);

    Console.Write("nombre:" + c.nombre);

    Console.Write("calle:" + c.calle);

    Console.Write("código postal:" + c.códigoPostal);

    Console.Write("ciudad:"+ c.ciudad);

    Console.Write("tél:" + c.tél);

    Console.Write("email:" + c.email);

    }

    © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    16/19

    También es posible insertar texto simultáneamente en varias líneas creando una zona de selección rectangular decero caracteres de ancho en todas las líneas donde se debe efectuar la inserción.

    Luego se inserta el texto introducido en todas las líneas de la selección.

    La jerarquía de llamadas permite visualizar todas las llamadas hacia un método, una propiedad o un constructor,así como las efectuadas desde este método, propiedad o constructor. Se activa con la opción Ver jerarquía de

    llamadas del menú contextual disponible en el elemento concerniente.

    Jerarquía de llamadas

    16 - © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    17/19

    Se visualiza entonces la ventana siguiente.

    Cuando hace clic en un símbolo en el código fuente, el editor resalta todas las instancias de este símbolo.

    Resaltado de las referencias

    © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    18/19

    Durante el desarrollo de una aplicación, ocurre a veces que se intenta utilizar un elemento antes de su declaraciónposponiendo ésta para más tarde. Sin embargo,esta solución tiene el inconveniente de no permitir realizarpruebas hasta que todos los elementos utilizados hayan sido definidos. También es frustrante para eldesarrollador ver decenas de líneas de código subrayadas en rojo.

    El editor de Visual Studio es capaz de generar el código necesario para los elementos que faltan. Cuando el ratónpasa por encima del elemento referido, aparece un botón bajo este elemento.

    Al hacer clic en este botón aparece un menú contextual con las opciones que permiten generar el código quepuede resolver los problemas detectados.

    Las opciones disponibles en este menú contextual se adaptan según la ubicación del elemento en el que éste estáactivado. En el ejemplo anterior, el término Cliente puede corresponder a un nombre de clase, enumeración,estructura o interfaz. Sólo hace falta completar el cuadro de diálogo siguiente para que el esqueleto de código segenere.

    Funcionalidad Generar a partir de la utilización

    18 - © Editions ENI – Tous droits réservés – Copie personnelle de [email protected] [email protected]

  • 8/20/2019 Lectura 3.2 HeLectura-3.2-Herramientas-Visual-Studio

    19/19

    Esta funcionalidad permite efectuar un zoom hacia delante o hacia atrás sobre una ventana de texto. Se puedeacceder a ella accionando la rueda del ratón mientras se mantiene pulsada la tecla [Ctrl].

    Zoom