Compartir a través de


Examinar y reorganizar gráficos de dependencias

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

Requisitos

En este tema

  • Administración de gráficos de gran tamaño

  • Cambiando el diseño de gráfico

  • Examinar el gráfico

  • Examinando nodos y vínculos

  • Ocultando o mostrando nodos y vínculos

  • Agrupando nodos

Para tener más modos de examinar el gráfico con el mouse o el teclado, elija el vínculo de ayuda en un gráfico en blanco.

Administración de 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, sobre todo para las 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, entonces Visual Studio sólo cambia el código actualizado.

Si no desea esperar a que el gráfico termine de generar, puede cancelar el proceso de compilació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 poder ver los clústeres naturales de dependencia 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 las dependencias de intergroup, que aparecen automáticamente.Consulte Nodos de agrupación.

  • 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.

Cambiando el diseño del gráfico

Para

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

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

Elija una de las siguientes 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

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

Elija Clústeres rápidosBotó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 en el exterior 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 arrastra los nodos.Cambiar el diseño de un grupo independientemente del gráfico seleccionado uno de los diseños de árbol, Clústeres rápidos o de Vista de lista,que organiza el contenido del grupo en una lista.Consulte Nodos de agrupación.

[!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

Examine 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-

Seleccione el signo más (+) o en 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.

Cambie el tamaño y ajuste el gráfico en la ventana

En la barra de herramientas del gráfico, elija Zoom para ajustar.

-O bien-

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

Cambie el tamaño y centre 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 contraído, la clase, o sus miembros, Visual Studio muestra la definición de código.

Cambie el foco independientemente del nodo actualmente seleccionado

Presione TAB.

Aparece una línea de puntos alrededor del nodo que está en foco.

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

SugerenciaSugerencia
Para buscar los elementos en la solución pero no en el gráfico, búsquelos en 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.

Nota importanteImportante
Se puede utilizar el cuadro de búsqueda para encontrar coincidencias en grupos contraídos sólo si esos grupos se han expandido previamente.Para encontrar estas coincidencias y expandir los grupos primarios automáticamente, elija esta opción en el cuadro buscar.

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 al diseño de árbol o al diseño de Clústeres rápidosBotó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 sobre el vínculo, o seleccione el vínculo.

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

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

    El origen o el destino aparece seleccionado, dependiendo de la dirección que se eligió.

Seleccionar todos los nodos no seleccionados

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

Seleccione los nodos adicionales que se vinculan con los seleccionados.

Abra el menú contextual para los nodos seleccionados.Elija Seleccionar y uno de los siguientes:

  • Para agregar nodos que establezcan un vínculo directamente con el nodo seleccionado, haga clic en Dependencias entrantes.

  • Para agregar nodos que establezcan un vínculo directamente desde el nodo seleccionado, haga clic en Dependencias salientes.

  • Para agregar nodos que establezcan un vínculo directamente al nodo y desde el nodo seleccionado, haga clic en Seleccionar ambos.

  • Para agregar todos los nodos que establecen un vínculo cuyo origen y destino es el nodo seleccionado, haga clic en Seleccionar todos los nodos conectados.

  • Para agregar todos los elementos secundarios del nodo seleccionado, haga clic en Secundarios.

Examinando nodos y vínculos

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

  • Un vínculo individual representa una única dependencia entre dos nodos.

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

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

SugerenciaSugerencia

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

Esto oculta vínculos agregados entre grupos.

Para

Siga estos pasos

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

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

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

-O bien-

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

Mostrar u ocultar el contenido de un grupo

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

    -O bien-

    Mueva el puntero del mouse encima del nodo hasta que aparezca el botón de contenido adicional (^).Haga clic en el botón (^) de contenido adicional para expandir el grupo.

    (Teclado:Para expandir o contraer un grupo seleccionado, haga clic en la tecla SUMA (+) o en la tecla RESTA (-).

    Para expandir o contraer todos los elementos que se encuentran dentro de un grupo seleccionado, mantenga presionada la tecla MAYÚS mientras hace clic en la tecla SUMA (+) o en la tecla RESTA (-).)

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

    NotaNota
    Este comando no está disponible si el hecho de expandir todos los grupos genera un gráfico inutilizable o problemas de memoria.Se recomienda ampliar el gráfico sólo para el nivel de detalle que le interesa.
  • Para contraer un único grupo, abra el menú contextual para el nodo.Elija Grupo, Contraer.

    -O bien-

    Mueva el puntero del mouse encima del nodo hasta que aparezca el botón de contenido adicional (^).Haga clic en el botón(^) de contenido adicional para contraer el grupo.

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

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

Abra el menú contextual para el 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:

  • Para un espacio de nombres, se abre el archivo del código para la primera clase alfabética en ese espacio de nombres para mostrar la definición de esa clase.

    NotaNota
    Al realizar esta tarea en un espacio de nombres de Visual Basic .NET, el archivo de código tras el espacio de nombres 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, busque manualmente en el archivo de código tras el espacio de nombres u omita el nodo del espacio de nombres para la selección.
  • Para una clase o una clase parcial, se abre el archivo de código de esa clase y muestra la definición de esa clase.

  • Para un método, se abre el archivo de código de la clase primaria y muestra la definición de ese 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 de Clústeres RápidosBotón Clústeres rápidos de la barra de herramientas del gráfico.

  2. Mueva el puntero sobre el vínculo, o seleccione el vínculo.

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

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

    En función de la dirección seleccionada, se mostrará el origen o destino seleccionado.

Examine 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 sobre el vínculo.Cuando Visual Studio muestra dos flechas con un signo más (+) entre ellos, elija el signo más (+).

    Para crear un nuevo gráfico, mantenga presionada la tecla de mayús mientras elije el signo más (+).

    -O bien-

    Abra el menú contextual para 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 múltiples vínculos:

  1. Seleccione los vínculos.

  2. Abra el menú contextual para 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 sólo los elementos y dependencias que participan en el vínculo.

NotaNota
Cuando se examinan las dependencias entre los elementos en grupos parciales, se podría observar el siguiente comportamiento:
  • Los vínculos a los elementos que no participan en la revisión desaparecen del gráfico, aunque todavía esos vínculos existan.

  • Suponga que inspecciona un vínculo a un elemento de un grupo parcial, y posteriormente inspecciona otro vínculo al mismo elemento.Durante la segunda inspección, el grupo parcial de destino muestra los elementos de la primera inspección.Los vínculos y los elementos de destino que no participaron en su primera inspección pero que participan en el segundo inspección no aparecen.

Para ver los elementos ausentes 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 se puede intentar combinar las acciones (teclado: elija CTRL+Z) y examinar las dependencias en un nuevo gráfico.

Examinar las dependencias entre 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.

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

Vea los elementos al que un nodo o vínculo hace referencia

NotaNota
Esto se hace sólo cuando el atributo Reference está establecido 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 para el nodo.Elija ir a y el elemento.

Ocultando o mostrando nodos y vínculos

Al ocultar los 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 los grupos se contraen, el gráfico agrega todos los vínculos entre grupos a los vínculos individuales que hay entre los grupos.Cuando se expanden los grupos y se seleccionan los nodos que hay dentro de un grupo, los vínculos entre grupos aparecen y muestran las dependencias que existen dentro de ese grupo.

Nota de precauciónPrecaución

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

Ocultar o mostrar nodos

Para

Siga estos pasos

Ocultar los nodos seleccionados

  1. Seleccione los nodos que desea ocultar.

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

Ocultar nodos no seleccionados

  1. Seleccionar los nodos que desea que permanezcan visible.

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

Mostrar todos los nodos ocultos

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

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

Oculte nodos editando el archivo .dgml

  1. Abra el menú contextual para 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 todos los vínculos entre grupos en todo momento

Mostrar todos los vínculos entre grupos

Esto oculta vínculos agregados entre grupos.

Mostrar los vínculos entre grupos de los nodos seleccionados

Mostrar los vínculos entre grupos de los nodos seleccionados

Ocultar todos 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, haga clic de nuevo en Ocultar todos los vínculos para desactivar este modo.

Agrupando Nodos

Para

Siga estos pasos

Muestre los nodos del contenedor como nodos o del grupo

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

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

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

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

Cambie el diseño de un grupo

  1. Seleccione el grupo.

    La barra de herramientas del grupo aparece.

    Gráfico de dependencias - barra de herramientas de grupo

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

    Vista de lista reorganiza los miembros del grupo en la lista.Valor predeterminado de Gráficos vuelve a establecer el diseño de grupo al diseño predeterminado del gráfico.Para otras opciones, consulte Cambiar el diseño del gráfico.

Agregue un nodo al grupo

Arrastre el nodo al grupo.

Mientras arrastra el nodo, Visual Studio muestra un mensaje para indicar que el nodo se está moviendo..

También puede arrastrar los nodos de un grupo.

Agregue un nodo a un nodo sin grupo.

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

Agrupe los nodos seleccionados

  1. Seleccione los nodos que desee 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 seleccionadosBarra de herramientas del gráfico - Grupo seleccionado.

    -O bien-

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

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

Agrupe los nodos que tienen categorías o propiedades especificas

  1. Seleccione los nodos que tienen una propiedad o categoría específica.

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

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

Agrupar nodos con arreglo a sus contenedores

  1. En el menú de 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, haga clic en la columna de acción contraída para expandirla.(Teclado: presione ficha para mover el foco hasta que se amplía la columna acción contraída.)

    NotaNota
    La columna de acción aparece resaltada cuando se desplaza el puntero por ella o se concentra en ella.
  4. En la columna de acción, haga clic en Contenido por.(Teclado: Presione Tabulador para mover el foco y luego utilice 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ú de Arquitectura , elija Ventanas, Explorador de arquitectura.

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

  4. En la columna siguiente, haga clic en 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, haga clic en la columna de acción contraída para expandirla.(Teclado: presione ficha para mover el foco hasta que se amplía la columna acción contraída.)

    NotaNota
    La columna de acción aparece resaltada cuando se desplaza el puntero sobre ella.
  7. En la columna de acción, en Agrupar, haga clic en Agrupar por propiedades.(Teclado: Presione Tabulador para mover el focus y luego utilice las teclas de dirección hasta que se seleccione la relación de Contenido por .)

  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 para la superficie del gráfico.Elija Grupo, Activar agrupación.

Quitar grupos

Seleccione el grupo o los grupos que desee eliminar.Abra el menú contextual para 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 para la selección.Elija Grupo, Eliminar 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 para el nodo.Elija Ir a, dgml.

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

    -O bien-

    Para agregar un nuevo grupo:

    1. Abrir el menú contextual del á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 acerca del atributo Category, consulte Asignar categorías a nodos y vínculosEditar y personalizar gráficos de dependencias.

Vea también

Conceptos

Editar y personalizar gráficos de dependencias

Visualizar dependencias de código en gráficos de dependencias