Share via


Examinar y reorganizar gráficos de dependencias

Reorganice los elementos en gráficos de dependencias para facilitar su lectura y mejorar el rendimiento de la representación.

Requisitos

En este tema

  • Administrar gráficos de gran tamaño

  • Cambiar el diseño del gráfico

  • Examinar el gráfico

  • Examinar nodos y vínculos

  • Ocultar o mostrar nodos y vínculos

  • Agrupar nodos

Para conocer otras maneras de examinar el gráfico con el mouse o el teclado, elija el vínculo de ayuda en un gráfico en blanco.

Administrar gráficos de gran tamaño

Al generar por primera vez un gráfico de dependencias, Visual Studio crea un índice de código para todas las dependencias que encuentra. Aunque este proceso puede tardar algún tiempo, especialmente para soluciones grandes o gráficos con muchos vínculos, este índice mejora el rendimiento de las operaciones posteriores. Si el código cambia más adelante, Visual Studio solo vuelve a indizar el código actualizado.

Si no desea esperar a que el gráfico termine de generar, puede cancelar el proceso de generación en cualquier momento y probar las siguientes sugerencias:

Después de generar el gráfico, pruebe las siguientes sugerencias:

  • En la barra de herramientas del gráfico, elija Clústeres rápidosBotón Clústeres rápidos de la barra de herramientas del gráfico para ver los clústeres de dependencia naturales en el código. Consulte Cambiar el diseño del gráfico.

    Gráfico de dependencias - diseño Clústeres rápidos

  • Organice el gráfico en áreas más pequeñas mediante la agrupación de los nodos relacionados. Contraiga esos grupos para ver solo las dependencias intergrupo, que aparecen automáticamente. Consulte Agrupar nodos.

  • Edite el gráfico manualmente para quitar los nodos y vínculos que no necesite. Cambiar el gráfico no afecta al código subyacente. Vea Editar y personalizar gráficos de dependencias.

Cambiar el diseño del gráfico

Para

En la barra de herramientas o el menú contextual del gráfico

Organice el flujo de dependencias de todo el gráfico en una dirección concreta. Esto puede ayudarle a ver las capas de la arquitectura del código.

Elija una de las siguientes opciones para mostrar el gráfico como un árbol:

  • De izquierda a derecha Botón de diseño De izquierda a derecha

  • De derecha a izquierda Botón gráfico De derecha a izquierda

  • De arriba abajo Botón gráfico De arriba abajo

  • De abajo arriba Botón gráfico De abajo arriba

Consulte los clústeres de dependencia naturales en el código.

Elija Clústeres rápidos Botón Clústeres rápidos de la barra de herramientas del gráfico para ver los nodos mas dependientes en el centro de los clústeres y los nodos menos dependientes fuera de dichos clústeres.

Gráfico de dependencias - diseño Clústeres rápidos

Para mover nodos concretos en el gráfico, arrástrelos. Para apartar otros nodos y vínculos mientras arrastra nodos, mantenga presionada la tecla MAYÚS mientras los arrastra. Para cambiar el diseño de un grupo independientemente del gráfico, seleccione uno de los diseños de árbol, Clústeres rápidos o Vista de lista, que organiza el contenido del grupo en una lista. Consulte Agrupar nodos.

Nota

La siguiente funcionalidad no está disponible en esta versión: Modo de exploración de entorno, Modo de mariposa, Selección avanzada y Vista de matriz de dependencias.

Examinar el gráfico

Para

Siga estos pasos

Examinar el gráfico

Arrastre el gráfico en cualquier dirección.

Usar el zoom para ampliar o reducir el gráfico

Gire la rueda del mouse.

-O bien-

Elija el signo más (+) o el signo menos (-) en la barra de herramientas del gráfico.

-O bien-

Para ampliar un área concreta, use el botón secundario del mouse para dibujar un rectángulo alrededor de esa área.

Cambiar el tamaño del gráfico y ajustarlo a la ventana

En la barra de herramientas del gráfico, elija Ajustar al tamaño.

-O bien-

Haga doble clic en un área vacía del gráfico.

Cambiar el tamaño y centrar el gráfico en un nodo concreto

Expanda el nodo. Haga doble clic dentro de un área vacía del nodo.

Visual Studio cambia el tamaño del gráfico para que todo el grupo quepa dentro de la ventana del gráfico.

Si hace doble clic en un espacio de nombres o clase contraído, o en los miembros correspondientes, Visual Studio muestra la definición de código.

Cambiar el foco independientemente del nodo actualmente seleccionado

Presione TAB.

Aparece una línea de puntos alrededor del nodo que tiene el foco.

Buscar un nodo en el gráfico por su nombre.

Sugerencia

Para buscar elementos en la solución, pero no en el gráfico, búsquelos en el Explorador de soluciones y después arrástrelos hasta el gráfico.

Cuadro de búsqueda del gráfico de dependencia
  1. Presione CTRL+F.

    Aparece un cuadro de búsqueda en la esquina superior derecha del gráfico.

  2. Escriba el nombre del elemento. Para personalizar la búsqueda, elija una opción de búsqueda.

    El primer elemento que coincide con la búsqueda aparece seleccionado en el gráfico.

  3. Para ver otra coincidencia, elija Buscar siguiente (presione F3).

    -O bien-

    Para seleccionar todas las coincidencias, abra la lista desplegable. Elija Seleccionar todo.

Importante

Se puede usar el cuadro de búsqueda para encontrar coincidencias en grupos contraídos solo si esos grupos se expandieron previamente.Para encontrar estas coincidencias y expandir los grupos primarios automáticamente, elija dicha opción en el cuadro de búsqueda.

Buscar el origen o destino de un vínculo

Este método se usa para poder ver con facilidad el origen o destino de un vínculo específico cuando hay demasiados vínculos.

  1. Cambie el diseño del gráfico a diseño de árbol o de Clústeres rápidos Botón Clústeres rápidos de la barra de herramientas del gráfico.

    Consulte Cambiar el diseño del gráfico.

  2. Mueva el puntero del mouse sobre el vínculo o seleccione el vínculo.

    Visual Studio muestra dos flechas e información sobre herramientas que muestra el origen y destino del vínculo y otros detalles del mismo.

  3. Elija la flecha que apunta en la dirección que desea seguir.

    El origen o destino aparece seleccionado, según la dirección que haya elegido.

Seleccionar todos los nodos no seleccionados

Abra el menú contextual de los nodos seleccionados. Elija Seleccionar, Invertir selección.

Seleccione nodos adicionales vinculados a los seleccionados.

Abra el menú contextual de los nodos seleccionados. Elija Seleccionar junto con una de las siguientes opciones:

  • Para seleccionar nodos adicionales vinculados directamente al nodo seleccionado, elija Dependencias entrantes.

  • Para seleccionar nodos adicionales vinculados directamente desde el nodo seleccionado, elija Dependencias salientes.

  • Para seleccionar nodos adicionales vinculados directamente al nodo y desde el nodo seleccionado, elija Ambos.

  • Para seleccionar todos los nodos que establecen un vínculo cuyo origen y destino es el nodo seleccionado, elija Subgráfico conectado.

  • Para seleccionar todos los elementos secundarios del nodo seleccionado, elija Secundarios.

Examinar nodos y vínculos

Los gráficos de dependencias muestran los siguientes tipos de vínculos:

  • Un vínculo individual representa una relación única entre dos nodos.

  • Un vínculo entre grupos representa una relación entre dos nodos de diferentes grupos.

  • Un vínculo agregado representa todas las relaciones que señalan la misma dirección entre dos grupos.

Sugerencia

De forma predeterminada, el gráfico muestra los vínculos entre grupos solo para los nodos seleccionados.Para mostrar estos vínculos en todo momento, en la barra de herramientas del gráfico, abra la lista Cambiar el modo en que se presentan los vínculos en el gráficoCambiar el modo en que se presentan los vínculos entre grupos en el gráfico.Elija Mostrar todos los vínculos entre grupos.

De este modo, se ocultan los vínculos agregados entre grupos.

Para

Siga estos pasos

Ver más información sobre un nodo o un vínculo

Mueva el puntero del mouse sobre el nodo o vínculo hasta que aparezca información sobre herramientas.

En la información sobre herramientas de un vínculo agregado se muestran las dependencias individuales que representa.

-O bien-

Abra el menú contextual del nodo o el vínculo. Elija Propiedades.

Mostrar u ocultar el contenido de un grupo

  • Para expandir un grupo, abra el menú contextual del nodo. Elija Grupo, Expandir.

    -O bien-

    Mueva el puntero del mouse sobre el nodo hasta que aparezca el botón de contenido adicional (^). Elija el botón de contenido adicional (^) para expandir el grupo.

    (Teclado: para expandir o contraer un grupo seleccionado, elija la tecla MÁS (+) o la tecla MENOS (-).

    Para expandir o contraer todos los elementos de un grupo seleccionado, mantenga presionada la tecla MAYÚS a la vez que elige la tecla MÁS (+) o la tecla MENOS (-).)

  • Para expandir todos los grupos, abra el menú contextual del gráfico. Elija Grupo, Expandir todo.

    Nota

    Este comando no está disponible si el hecho de expandir todos los grupos genera un gráfico inutilizable o problemas de memoria.Se recomienda expandir el gráfico solo al nivel de detalle que le interese.

  • Para contraer un único grupo, abra el menú contextual del nodo. Elija Grupo, Contraer.

    -O bien-

    Mueva el puntero del mouse sobre un grupo hasta que aparezca el botón de contenido adicional (^). Elija el botón de contenido adicional (^) para contraer el grupo.

  • Para contraer todos los grupos, abra el menú contextual del gráfico. Elija Grupo, Contraer todo.

Ver la definición de código para un espacio de nombres, tipo o miembro

Abra el menú contextual del nodo. Elija Ir a, Ir a definición.

O bien

Haga doble clic en el nodo. Para los grupos expandidos, haga doble clic en el encabezado del grupo.

O bien

Seleccione el nodo. Presione F12.

Por ejemplo:

  • En un espacio de nombres, se abrirá el archivo de código de la primera clase por orden alfabético de ese espacio de nombres donde se mostrará la definición de esa clase.

    Nota

    Al realizar esta tarea en un espacio de nombres de Visual Basic .NET, el archivo de código subyacente no se abre.Este problema también se produce cuando se efectúa esta tarea en un grupo de nodos seleccionados que incluyen un espacio de nombres de Visual Basic .NET.Para evitar este problema, examine manualmente el archivo de código subyacente u omita el nodo del espacio de nombres de la selección.

  • En una clase o una clase parcial, se abrirá el archivo de código de esa clase donde se mostrará la definición de clase.

  • En un método, se abrirá el archivo de código de la clase primaria para mostrar la definición del método.

Buscar el origen o destino de un vínculo

Este método se usa para poder ver con facilidad el origen o destino de un vínculo específico cuando hay demasiados vínculos.

  1. En la barra de herramientas del gráfico, cambie el diseño del gráfico al diseño de árbol o al diseño Clústeres rápidos Botón Clústeres rápidos de la barra de herramientas del gráfico.

  2. Mueva el puntero del mouse sobre el vínculo o seleccione el vínculo.

    Visual Studio muestra dos flechas e información sobre herramientas que muestra el origen y destino del vínculo y otros detalles del mismo.

  3. Elija la flecha que apunta en la dirección que desea seguir.

    El origen o destino aparece seleccionado, según la dirección que haya seleccionado.

Examinar las dependencias y los elementos que participan en un vínculo agregado

Para un único vínculo:

  1. Seleccione el vínculo.

  2. Mueva el puntero del mouse sobre el vínculo. Cuando Visual Studio muestra dos flechas con un signo más (+) entre ellas, elija el signo más (+).

    Para crear un nuevo gráfico, mantenga presionada la tecla MAYÚS mientras elige el signo más (+).

    -O bien-

    Abra el menú contextual de la selección. Elija Mostrar, Vínculos de contribución en el diagrama actual o Vínculos de contribución en un nuevo diagrama.

Para varios vínculos:

  1. Seleccione los vínculos.

  2. Abra el menú contextual de la selección. Elija Mostrar, Vínculos de contribución en el diagrama actual o Vínculos de contribución en un nuevo diagrama.

Visual Studio expande los grupos en ambos extremos del vínculo y muestra solo los elementos y dependencias que participan en el vínculo.

Nota

Cuando se examinan dependencias entre elementos en grupos parciales, podría observarse el siguiente comportamiento:

  • Los vínculos a los elementos que no participan en el examen desaparecen del gráfico, aunque esos vínculos todavía existan.

  • Suponga que examina un vínculo a un elemento en un grupo parcial y posteriormente examina otro vínculo al mismo elemento.Durante el segundo examen, el grupo parcial de destino muestra solo elementos del primer examen.Los vínculos y los elementos de destino que no participaron en el primer examen, pero lo hacen en el segundo, no aparecen.

Para ver los elementos que faltan de un grupo, elija Volver a obtener elementos secundariosIcono Volver a obtener elementos secundarios, que indica que no todos los miembros de un grupo aparecen en el gráfico.También puede intentar deshacer las acciones (teclado: elija CTRL+Z) y examinar las dependencias en un nuevo gráfico.

Examinar las dependencias entre varios nodos de grupos diferentes

  1. Expanda los grupos de modo que pueda ver todos sus elementos secundarios.

  2. Seleccione todos los nodos que le interesen, incluidos sus elementos secundarios.

    Para seleccionar todos los nodos de un grupo, mantenga presionado el botón primario del mouse mientras dibuja un rectángulo alrededor de ese grupo. Para seleccionar todos los nodos de un gráfico, presione CTRL+A.

    En el gráfico se muestran los vínculos entre grupos de los nodos seleccionados.

    Sugerencia

    Para mostrar los vínculos entre grupos en todo momento, en la barra de herramientas del gráfico, abra la lista Cambiar el modo en que se presentan los vínculos en el gráficoCambiar el modo en que se presentan los vínculos entre grupos en el gráfico.Elija Mostrar todos los vínculos entre grupos.

Ver los elementos a los que un nodo o vínculo hace referencia

Nota

Esto solo se aplica cuando el atributo Reference se establece para el nodo o vínculo en el archivo .dgml del gráfico.

Para agregar referencias a elementos desde los nodos o vínculos, consulte Editar y personalizar gráficos de dependencias.

Abra el menú contextual del nodo. Elija Ir a y el elemento.

Ocultar o mostrar nodos y vínculos

Al ocultar nodos, se evita que participen en algoritmos de diseño. De forma predeterminada, los vínculos entre grupos se ocultan. Los vínculos entre grupos son vínculos individuales que conectan nodos entre diferentes grupos. Cuando se contraen los grupos, el gráfico agrega todos los vínculos entre grupos a los vínculos individuales que hay entre los grupos. Cuando se expande un grupo y se seleccionan los nodos que hay dentro de este, los vínculos entre grupos aparecen y muestran las dependencias que existen dentro de ese grupo.

Advertencia

Antes de compartir un gráfico creado en Visual Studio Ultimate con los usuarios de Visual Studio Premium o Visual Studio Professional, asegúrese de mostrar cualquier nodo o vínculo entre grupos que desee que otros vean.De lo contrario, esos usuarios no podrán mostrar esos elementos.

Para ocultar o mostrar nodos

Para

Siga estos pasos

Ocultar los nodos seleccionados

  1. Seleccione los nodos que desea ocultar.

  2. Abra el menú contextual de los nodos seleccionados o del gráfico. Elija Seleccionar, Ocultar selección.

Ocultar nodos no seleccionados

  1. Seleccione los nodos que desea que permanezcan visibles.

  2. Abra el menú contextual de los nodos seleccionados o del gráfico. Elija Seleccionar, Ocultar no seleccionados.

Mostrar los nodos ocultos

  • Para mostrar todos los nodos ocultos de un grupo, asegúrese primero de que el grupo esté expandido. Elija Mostrar elementos secundarios Icono Mostrar elementos secundarios en la esquina superior izquierda del grupo.

  • Para mostrar todos los nodos ocultos, abra el menú contextual del gráfico. Elija Seleccionar, Mostrar todo.

Ocultar nodos editando el archivo .dgml

  1. Abra el menú contextual de la superficie del gráfico. Elija Ir a, DGML.

    Visual Studio abre el archivo .dgml del gráfico.

  2. En el elemento <Node/>, agregue el siguiente atributo para ocultar el nodo:

    Visibility="Hidden"

    Por ejemplo:

    <Nodes>
       <Node Id="MyNode" Visibility="Hidden"/>
    </Nodes>

Para mostrar u ocultar vínculos

Para

En la barra de herramientas del gráfico, abra la lista Cambiar el modo en que se presentan los vínculos en el gráfico o abra el menú contextual del gráfico. Elija:

Mostrar los vínculos entre grupos en todo momento

Mostrar todos los vínculos entre grupos

De este modo, se ocultan los vínculos agregados entre grupos.

Mostrar solo los vínculos entre grupos de los nodos seleccionados

Mostrar los vínculos entre grupos de los nodos seleccionados

Ocultar los vínculos entre grupos en todo momento

Ocultar todos los vínculos entre grupos

Ocultar todos los vínculos (o mostrar todos los vínculos)

Ocultar todos los vínculos

Para mostrar todos los vínculos, elija de nuevo Ocultar todos los vínculos para desactivar este modo.

Agrupar nodos

Para

Siga estos pasos

Mostrar los nodos contenedores como nodos de grupo o nodos de hoja

Para mostrar los nodos contenedores como nodos de hoja, seleccione los nodos. Abra el menú contextual de la selección. Elija Grupo, Convertir en hoja.

Para mostrar los nodos contenedores como nodos de grupo, seleccione los nodos. Abra el menú contextual de la selección. Elija Grupo, Convertir en grupo.

Para mostrar todos los nodos de hoja como nodos de grupo, abra el menú contextual del gráfico. Elija Grupo, Activar agrupación.

Para mostrar todos los nodos de grupo como nodos de hoja, abra el menú contextual del gráfico. Elija Grupo, Desactivar agrupación.

Cambiar el diseño de un grupo

  1. Seleccione el grupo.

    Aparece la barra de herramientas del grupo.

    Gráfico de dependencias - barra de herramientas de grupo

  2. Abra la lista Cambiar el estilo de diseño del grupo Gráfico de dependencias - barra de herramientas de grupo - diseño. Elija el diseño que desee.

    Vista de lista reorganiza los miembros del grupo en una lista. Configuración predeterminada de gráfico restablece el diseño del grupo en el diseño predeterminado del gráfico. Para otras opciones, consulte Cambiar el diseño del gráfico.

Agregar un nodo a un grupo

Arrastre el nodo al grupo.

Mientras arrastra el nodo, Visual Studio muestra un indicador para señalar el movimiento del nodo.

También puede arrastrar nodos fuera de un grupo.

Agregar un nodo a un nodo sin grupo

Puede convertir cualquier nodo en un grupo. Arrastre el nodo hasta el nodo de destino.

Agrupar nodos seleccionados

  1. Seleccione los nodos que desea agrupar.

    Una barra de herramientas aparece encima del último nodo seleccionado.

    Barra de herramientas del gráfico de dependencia

  2. En la barra de herramientas, elija Agrupar los nodos seleccionados Barra de herramientas del gráfico - Grupo seleccionado.

    -O bien-

    Abra el menú contextual de la selección. Elija Grupo, Agregar grupo primario.

  3. Abra el menú contextual del nuevo grupo. Elija Propiedades. En la propiedad Label, cambie el nombre del grupo.

Agrupar nodos que tengan categorías o propiedades concretas

  1. Seleccione los nodos que tengan la categoría o propiedad específica.

  2. Abra el menú contextual de la selección. Elija Grupo, Agregar grupo primario.

  3. Abra el menú contextual del nuevo grupo. Elija Propiedades. En la propiedad Label, cambie el nombre del grupo.

Agrupar nodos con arreglo a sus contenedores

  1. En el menú Arquitectura, elija Ventanas, Explorador de arquitectura.

  2. Use el Explorador de arquitectura para buscar y seleccionar todos los nodos que desea agrupar.

    Vea Buscar código con el explorador de arquitectura.

  3. En el lado derecho de la columna actual, elija la columna de acción contraída para expandirla. (Teclado: presione Tab para mover el foco hasta que la columna de acción contraída se expanda).

    Nota

    La columna de acción aparece resaltada cuando se desplaza el puntero sobre ella o tiene el foco.

  4. En la columna de acción, elija Contenido por. (Teclado: presione Tab para mover el foco y después use las teclas de dirección hasta que se seleccione la relación de Contenido por).

  5. En la columna siguiente, arrastre los grupos contenedores al gráfico.

  6. Abra el menú contextual de la superficie del gráfico, elija Grupo, Activar agrupación.

Agrupar nodos con arreglo a sus valores de propiedad

  1. Guarde el gráfico en el disco como un archivo .dgml.

  2. En el menú Arquitectura, elija Ventanas, Explorador de arquitectura.

  3. En el Explorador de arquitectura, en Sistema de archivos, elija Seleccionar archivos.

  4. En la columna siguiente, seleccione el archivo .dgml guardado.

  5. Use el Explorador de arquitectura para buscar y seleccionar todos los nodos que desea agrupar.

    Vea Buscar código con el explorador de arquitectura.

  6. En el lado derecho de la columna actual, elija la columna de acción contraída para expandirla. (Teclado: presione Tab para mover el foco hasta que la columna de acción contraída se expanda).

    Nota

    La columna de acción aparece resaltada cuando se desplaza el puntero sobre ella.

  7. En la columna de acción, en Agrupación, elija Agrupar por propiedades. (Teclado: presione Tab para mover el foco y después use las teclas de dirección hasta que se seleccione el comando Agrupar por propiedades).

  8. En la columna siguiente, seleccione las propiedades que desea usar como grupos.

    Aparece la columna siguiente y en ella se muestran los valores de propiedad disponibles.

  9. En la columna siguiente, arrastre los grupos de valores de propiedad al gráfico.

  10. Abra el menú contextual de la superficie del gráfico. Elija Grupo, Activar agrupación.

Quitar grupos

Seleccione el grupo o los grupos que desee quitar. Abra el menú contextual de la selección. Elija Grupo, Quitar grupo.

Quitar nodos desde el grupo primario hasta el grupo primario principal o fuera del grupo si no hay ningún grupo primario principal

Seleccione los nodos que desea mover. Abra el menú contextual de la selección. Elija Grupo, Quitar del elemento primario.

También puede organizar los nodos en grupos editando el archivo .dgml del gráfico.

Para convertir un nodo en un grupo o agregar un nuevo grupo

  1. Para convertir un nodo en un grupo, abra el menú contextual del nodo. Elija Ir a, DGML.

    Visual Studio abre el archivo .dgml del gráfico y resalta el elemento <Node/> de ese nodo.

    -O bien-

    Para agregar un nuevo grupo:

    1. Abra el menú contextual de un área en blanco del gráfico. Elija Ir a, DGML.

    2. En la sección <Node/>, agregue un nuevo elemento <Nodes>.

  2. En el elemento <Node/>, agregue un atributo Group para especificar si el grupo aparece contraído o expandido. Por ejemplo:

    <Nodes>
       <Node Id="MyFirstGroup" Group="Expanded" />
       <Node Id="MySecondGroup" Group="Collapsed" />
    </Nodes>
    
  3. En la sección <Links>, asegúrese de que existe un elemento <Link/> con los atributos siguientes para cada relación entre un nodo de grupo y sus nodos secundarios:

    • Un atributo Source que especifica el nodo de grupo

    • Un atributo Target que especifica el nodo secundario

    • Un atributo Category que especifica una relación Contains entre el nodo de grupo y su nodo secundario

    Por ejemplo:

    <Links>
       <Link Category="Contains" Source="MyFirstNewGroup" Target="FirstGroupChildOne" />
       <Link Category ="Contains" Source="MyFirstNewGroup" Target="FirstGroupChildTwo" />
       <Link Category ="Contains" Source="MySecondNewGroup" Target="SecondGroupChildOne" />
       <Link Category="Contains" Source="MySecondNewGroup" Target="SecondGroupChildTwo" />
    </Links>
    

    Para obtener más información sobre el atributo Category, vea Asignar categorías a nodos y vínculos en Editar y personalizar gráficos de dependencias.

Vea también

Conceptos

Editar y personalizar gráficos de dependencias

Asignar dependencias en el código mediante gráficos de dependencias