☰

¿Cómo determinar la posición del tercer nodo a partir de la posición de los dos nodos?

tag-icon • tag-icon nodes line frame
¿Cómo determinar la posición del tercer nodo a partir de la posición de los dos nodos?

Aquí está la imagen que produce mi código existente: 1 Espero que el FFFFF del rombo pueda estar directamente encima de C y directamente a la derecha de E. ¿Cómo debo hacerlo? A continuación se muestra mi caso mínimo de trabajo:

\documentclass[tikz,border=2pt]{standalone} 
\usepackage{amsmath}
\usepackage{tikz}
\usetikzlibrary{shapes,snakes}
\usepackage{siunitx} %SI单位
%\usepackage{xparse}
\usetikzlibrary{positioning}


\begin{document}
    \begin{tikzpicture}
    
    \node[rectangle,draw, very thick, minimum size=10mm] (A) {
    A};
    \node[rectangle,draw, very thick, minimum size=10mm] (B) [below=of A]{B};
    \node[rectangle,draw=red, very thick, minimum size=10mm] (C) [right=of B]{C};
    \node[rectangle,draw, very thick, minimum size=10mm] (D) [right=of C]{D};
    \node[rectangle,draw, very thick, minimum size=10mm] (E) [above=of D] {E};
    \node[diamond,draw, very thick, minimum size=10mm] (F) [above=of C] {FFFFFfF};
    
        %Lines
    \draw[->] (A) -> (B);
    \draw[->] (B) -> (C);
    \draw[->] (C) -> (D);
    \draw[->] (D) -> (E);
    \draw[->] (E) -> (F);
    \draw[->] (F) -> (C);
    \end{tikzpicture}
\end{document}

Y lo que finalmente espero obtener es esto, es decir, necesito agregar un marco de puntos muy grande. ¿Cómo debería realizarse esto? 2

Respuesta1

Quiere la opción on grid=true, que utilizará los centros de los nodos (en lugar de sus bordes) para el posicionamiento. Pero luego necesitarás aumentar node distance.

Para el cuadro discontinuo, sugiero usar la fitbiblioteca.

ingrese la descripción de la imagen aquí

\documentclass{article} 
\usepackage{amsmath}
\usepackage{tikz}
\usetikzlibrary{shapes,snakes}
\usepackage{siunitx} %SI单位
%\usepackage{xparse}
\usetikzlibrary{positioning, fit}


\begin{document}
    \begin{tikzpicture}[on grid=true, node distance=3cm]
    
    \node[rectangle,draw, very thick, minimum size=10mm] (A) {
    A};
    \node[rectangle,draw, very thick, minimum size=10mm] (B) [below=of A]{B};
    \node[rectangle,draw=red, very thick, minimum size=10mm] (C) [right=of B]{C};
    \node[rectangle,draw, very thick, minimum size=10mm] (D) [right=of C]{D};
    \node[rectangle,draw, very thick, minimum size=10mm] (E) [above=of D] {E};
    \node[diamond,draw, very thick, minimum size=10mm] (F) [above=of C] {FFFFFfF};
    
        %Lines
    \draw[->] (A) -> (B);
    \draw[->] (B) -> (C);
    \draw[->] (C) -> (D);
    \draw[->] (D) -> (E);
    \draw[->] (E) -> (F);
    \draw[->] (F) -> (C);
    \node[draw, dashed, fit = {(B)(D)}, text height=2cm]{for $i=1,2,\dots,N$};
    \end{tikzpicture}
\end{document}

Respuesta2

  • Primero puede definir el estilo de los nodos y los bordes en tikzpicturelas opciones y luego escribir un código corto de imagen.
  • El rectángulo discontinuo se dibuja como nodo, que se ajusta alrededor de los nodos B... D:
\documentclass[border=3.141592]{standalone}
\usepackage{amsmath}
\usepackage{tikz}
\usetikzlibrary{arrows.meta,  % new
                fit,          % new
                positioning,
                shapes}


\begin{document}
    \begin{tikzpicture}[% nodes, edges styles
node distance = 10mm and 10mm,
D/.style = {diamond, aspect=1.3, 
            inner xsep=0mm, draw, thick}, 
F/.style = {draw, dashed, inner ysep=3ex, yshift=-1ex,
            fit=#1},
N/.style = {draw=#1, thick, minimum size=10mm},
N/.default = black,
every edge/.append style = {draw, -Straight Barb}
                      ]
\node (A) [N]               {A};
\node (B) [N, below=of A]   {B};
\node (C) [N=red, 
              right=of B]   {C};
\node (D) [N, right=of C]   {D};
\node (E) [N, above=of D]   {E};
\path (E) -- node (F) [D] {FFFFFfF} (A);    % <---
% dashed rectangle
\node[F=(B) (D), 
      label={[anchor=south]below:{for $i=1,2,\dotsc,N$}}] {};
% arrows
\draw   (A) edge (B) 
        (B) edge (C)
        (C) edge (D) 
        (D) edge (E) 
        (E) edge (F) 
        (F) edge (C);
    \end{tikzpicture}
\end{document}

ingrese la descripción de la imagen aquí

Respuesta3

Puedes colocar el nodo F enla intersecciónde una línea vertical que pasa por Cy una línea horizontal que pasa por Ao E:

\node[diamond] (F) at (C|-E) {FFFFFfF};

Con la calcbiblioteca puedes colocarla a medio camino entre (los centros) Ay E:

\node[diamnond] (F) at ($(A)!.5!(E)$) {FFFFFfF};

o a mitad de camino entre los bordes de Ay Econ un nodo a lo largo de una ruta:

\path (A) -- node[diamond] (F) {FFFFFfF} (E);

Sin embargo, en este último también puedes usar A.centery E.centeren el primero, ($(A.east)!.5!(E.west)$)pero dado que tus nodos Atienen Eel mismo ancho, no hay diferencia entre colocar un nodo a medio camino entre sus centros y a medio camino entre sus bordes.

Por supuesto, en todos estos casos, elnode distanceYa no se observará, pero para el Fnodo ya era demasiado tarde para eso.

Puedes usar elon gridopciónde la positioningbiblioteca para que mida la distancia de los nodos entre los centros de los nodos, lo que requiere que usted establezca cuidadosamente una distancia de nodo adecuada. (→La respuesta de Sandy G.)

Puede colocar los nodos en a, matrix of nodeslo que los ubicará en una cuadrícula pero se asegurará de que se observe una distancia mínima entre los nodos representada por row sepy column sep. Usando la palabra clavebetween originsy row sep/o se puede utilizar column sepun algoritmo de posicionamiento similar al de la opción para la matriz.on grid

\matrix[
  matrix of nodes,
  row sep=1cm,
  column sep=1cm,
  cells={nodes={draw, very thick, minimum size=10mm}}]{
|(A)| A & |[diamond]  (F)| FFFFFfF & |(E)| E \\
|(B)| B & |[draw=red] (C)| C       & |(D)| D \\};

Código

\documentclass[tikz,border=2pt]{standalone}
\usetikzlibrary{fit, graphs, matrix, positioning, shapes.geometric}
\begin{document}
\begin{tikzpicture}
\begin{scope}[nodes={draw, very thick, minimum size=10mm}]
\node           (A)              {A};
\node           (B) [below=of A] {B};
\node[draw=red] (C) [right=of B] {C};
\node           (D) [right=of C] {D};
\node           (E) [above=of D] {E};
\node[diamond]  (F) at (C|-E)    {FFFFFfF};
% with calc
% \node[diamnond]  (F) at ($(A)!.5!(E)$) {FFFFFfF};
% or without
% \path (A) -- node[diamond] (F) {FFFFFfF} (E);
\end{scope}
\graph[path, ->, use existing nodes] {A, B, C, D, E, F -> C};

\node[
  fit={(B)(D)([yshift=+-1em]C.south)}, dashed, inner sep=+.5em, thick, draw,
  label={[above, inner sep=+.2em]south:for $i = 1, 2, \dots, N$}]{};
\end{tikzpicture}

\begin{tikzpicture}
\matrix[
  matrix of nodes,
  row sep=1cm,
  column sep=1cm,
  cells={nodes={draw, very thick, minimum size=10mm}}]{
|(A)| A & |[diamond]  (F)| FFFFFfF & |(E)| E \\
|(B)| B & |[draw=red] (C)| C       & |(D)| D \\};
\graph[path, ->, use existing nodes] {A, B, C, D, E, F -> C};

\node[
  fit={(B)(D)([yshift=+-1em]C.south)}, dashed, inner sep=+.5em, thick, draw,
  label={[above, inner sep=+.2em]south:for $i = 1, 2, \dots, N$}]{};
\end{tikzpicture}
\end{document}

Producción

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

información relacionada