☰

Выровнять (многострочный текст)-узлы с помощью tikzlibrary «позиционирование»

tag-icon • tag-icon tikz-pgf positioning
Выровнять (многострочный текст)-узлы с помощью tikzlibrary «позиционирование»

Прежде чем перейти к текстовым полям и координатам, я хотел бы узнать, насколько далеко я смогу продвинуться, используя только tikzlibrary positioning.

  1. В образце нижняя линия полей n4и n6должна n8быть выровнена(судя по всему, небольшая дополнительная высота/глубина, вызванная pи gне имеет значения), то же самое с n5, n7и n9.
  2. Кроме того, левая граница n4должна находиться на той же вертикальной линии, что иn5 (что уже имеет место), то же самое дляn6-n7 (нравиться n7: node[right = of n5, below = of n6)и n8-n9.
  3. n10должен быть на той же высоте, что и n3.
  4. Поставить n5немного ниже — не проблема, хотя я этого не делал.

Могу ли я добиться чего-то из этого positioning?

% -*- mode: latex; TeX-engine: luatex; coding: utf-8; -*-
\documentclass[border=1cm]{standalone}
\usepackage{tikz}
\usetikzlibrary{calc, positioning}
\usepackage{luatextra}
\begin{document}

\begin{tikzpicture}[every node/.style = {draw, shape=rectangle,
      rounded corners , node distance = 2em ,
    align=left]
    \node[anchor=center] (n1) {n1 Erheblicher Stress\\
      in fruher Kindheit\\
      oder spater};
    \node[right = of n1] (n2) {n2 Anpassung der\\
      Ausbildung von\\
      Cortisolrezeptoren};
    \node[right = of n2, anchor=west] (n3) {n3 langfristig\\
      erhohte Cortisol-\\
      freisetzung};
    \node[base right = of n3.north east] (n4) {n4 langfristig\\
      verminderte\\
      Neurogenese};
    \node[ right = of n3.south east] (n5) {n5 verringerte\\
      Serotonon-\\
      wirkung an\\
      5-HT\textsubscript{1A}-\\
      Rezeptoren} ;
    \node[base right = of n4] (n6) {n6 verringertes\\
      Volumen von\\
      Hippocampus und\\
      Basalganglien};
    \node[base right = of n5] (n7) {n7 erhohte Aktivitat\\
      im limbischen\\
      Cortexbereich};
    \node[base right = of n6] (n8) {n8 verringerte\\
      Fahigkeit zu\\
      Integration neuer\\
      Informationen};
    \node[base right = of n7] (n9) {n9 erhöhte Ten-\\
      denz, an Emotionen\\
      festzuhalten};
    \node[right = of n8.south east] (n10) {n10 Depressive\\
      Episode};
  \end{tikzpicture}
\end{document}

не хватает последнего штриха

решение1

Вы спрашиваете, можно ли достичь желаемого выравнивания positioningтолько с помощью. Ответ — да, но вы излишне усложняете себе жизнь, ИМХО. Все становится гораздо проще, когда вы используете библиотеку matrixповерх этого. Тогда желаемое выравнивание — это просто матрица с якорями узлов south. Это требует гораздо меньше настройки ( text widthsнужно только сделать выравнивание зависимым от столбцов, если вы настаиваете на ручных переносах строк), и вывод, ИМХО, также более убедителен.

\documentclass[tikz,border=1cm]{standalone}
\usetikzlibrary{matrix, positioning}
\begin{document}

\begin{tikzpicture}[every node/.style = {draw, shape=rectangle,
      rounded corners }, node distance = 2em ,
    align=left,mymat/.style={matrix of nodes,
    draw=none,nodes={draw,rounded corners,align=left,text width=10em,
    anchor=south},column 1/.style={nodes={text width=8em}},
    row sep=2em,column sep=2em}]
    \node[anchor=center] (n1) {n1 Erheblicher Stress\\
      in fruher Kindheit\\
      oder spater};
    \node[right = of n1] (n2) {n2 Anpassung der\\
      Ausbildung von\\
      Cortisolrezeptoren};
    \node[right = of n2] (n3) {n3 langfristig\\
      erh\"ohte Cortisol-\\
      freisetzung};
    \matrix[right = of n3,mymat] (m1) {{n4 langfristig\\
      verminderte\\
      Neurogenese} &
      {n6 verringertes\\
       Volumen von\\
       Hippocampus und\\
       Basalganglien}& 
       {n8 verringerte\\
       F\"ahigkeit zu\\
       Integration neuer\\
       Informationen}
       \\
      {n5 verringerte\\
      Serotonon-\\
      wirkung an\\
      5-HT\textsubscript{1A}-\\
      Rezeptoren}&
      {n7 erh\"ohte Aktivitat\\
       im limbischen\\
       Cortexbereich}&
       {n9 erh\"ohte Ten-\\
       denz, an Emotionen\\
       festzuhalten}
       \\
      };
     \node[right = of m1] (n10) {n10 Depressive\\
       Episode};
  \end{tikzpicture}
\end{document}

введите описание изображения здесь

ПРИЛОЖЕНИЕ: Просто для развлечения: стиль matrix horizontal arrows, который автоматически рисует горизонтальные стрелки между узлами матрицы. (Стиль для вертикальных стрелок полностью аналогичен.)

\documentclass[tikz,border=1cm]{standalone}
\usetikzlibrary{matrix, positioning}
\tikzset{matrix horizontal arrows/.style={execute at end matrix={
\foreach \Y in {1,...,\the\pgfmatrixcurrentrow}
{\foreach \X in {2,...,\the\pgfmatrixcurrentcolumn}
{\path (\tikzmatrixname-\Y-\the\numexpr\X-1\relax.east)
-- (\tikzmatrixname-\Y-\X.west) coordinate[midway](maux);
\draw[->,#1] (\tikzmatrixname-\Y-\the\numexpr\X-1\relax.east|-maux) 
-- (\tikzmatrixname-\Y-\X.west|-maux); }
}}}}
\begin{document}

\begin{tikzpicture}[every node/.style = {draw, shape=rectangle,
      rounded corners }, node distance = 2em ,
    align=left,mymat/.style={matrix of nodes,
    draw=none,nodes={draw,rounded corners,align=left,text width=6em,
    anchor=south},
    row sep=2em,column sep=2em,
    matrix horizontal arrows={-latex}}]
    \node[anchor=center] (n1) {Erheblicher Stress\\
      in fr\"uher Kindheit\\
      oder spater};
    \node[right = of n1] (n2) {Anpassung der\\
      Ausbildung von\\
      Cortisolrezeptoren};
    \node[right = of n2] (n3) {langfristig\\
      erh\"ohte Cortisol-\\
      freisetzung};
    \matrix[right = of n3,mymat] (m1) {{langfristig
      verminderte
      Neurogenese} &
      {verringertes
       Volumen von
       Hippocampus und
       Basalganglien}& 
       {n8 verringerte
       F\"ahigkeit zu
       Integration neuer
       Informationen}
       \\
      {verringerte
      Serotonon
      wirkung an
      5-HT\textsubscript{1A}-Rezeptoren}&
      {n7 erh\"ohte Aktivitat
       im limbischen
       Cortexbereich}&
       {n9 erh\"ohte Tendenz, an Emotionen
       festzuhalten}
       \\
      };
     \node[right = of m1] (n10) {Depressive Episode};
     \foreach \X in {2,3}
      {\draw[-latex] (n\the\numexpr\X-1) -- (n\X);}
      \draw[-latex] (n3.45) |- (m1-1-1.west);
      \draw[-latex] (n3.-45) |- (m1-2-1.west);
      \draw[latex-] (n10.135) |- (m1-1-3.east);
      \draw[latex-] (n10.-135) |- (m1-2-3.east);
  \end{tikzpicture}
\end{document}

введите описание изображения здесь

решение2

Так?

введите описание изображения здесь

Это потребует некоторого ручного вмешательства в код:

\documentclass[border=1cm]{standalone}
\usepackage{tikz}
\usetikzlibrary{calc, positioning}
\usepackage{luatextra}

\begin{document}
    \begin{tikzpicture}[
    node distance = 1ex and 2em,
every node/.style = {draw, shape=rectangle, rounded corners, 
                     align=left}
                        ]
\node (n1) {n1 Erheblicher Stress\\
               in fruher Kindheit\\
               oder spater};
\node (n2) [right = of n1]  {n2 Anpassung der\\
                            Ausbildung von\\
                            Cortisolrezeptoren};
\node (n3) [right = of n2]  {n3 langfristig\\
                            erhohte Cortisol-\\
                            freisetzung};
\node (n4) [above right = of n3.east]{n4 langfristig\\
                              verminderte\\
                              Neurogenese};
\node (n5) [below right = of n3.east] {n5 verringerte\\
                              Serotonon-\\
                              wirkung an\\
                              5-HT\textsubscript{1A}-\\
                              Rezeptoren} ;
\node (n6) [right = of n4] {n6 verringertes\\
                              Volumen von\\
                              Hippocampus und\\
                              Basalganglien};
\node (n7) [right = of n5 -| n4.east] {n7 erhohte Aktivitat\\
                              im limbischen\\
                              Cortexbereich};
\node (n8) [right = of n6] {n8 verringerte\\
                              Fahigkeit zu\\
                              Integration neuer\\
                              Informationen};
\node (n9) [right = of n7 -| n6.east] {n9 erhöhte Ten-\\
                              denz, an Emotionen\\
                              festzuhalten};
\node (n10) [right = of n3-| n8.east] {n10 Depressive\\
                              Episode};
    \end{tikzpicture}
\end{document}

Однако код становится довольно простым, если учесть комментарий @AndréC ниже:

Редактировать: Что касается вашего комментария, похоже, вы ищете следующую конструкцию позиционирования узлов:

введите описание изображения здесь

Для этого вам понадобятся небольшие изменения кода:

\documentclass[border=1cm]{standalone}
\usepackage[ngerman]{babel}
\usepackage{tikz}
\usetikzlibrary{calc, positioning}
\usepackage{luatextra}

\begin{document}
    \begin{tikzpicture}[
    node distance = 0ex and 2em,
every node/.style = {draw, shape=rectangle, rounded corners,
                     anchor=south west,  
                     text width=11em, align=left}
                        ]
\node (n1) {n1 Erheblicher Stress in fruher Kindheit oder spater};
\node (n2) [above right = of n1.south east]  {n2 Anpassung der Ausbildung von Cortisolrezeptoren};
\node (n3) [above right = of n2.south east]  {n3 langfristig erhohte Cortisol freisetzung};
\node (n4) [above right = 2ex of n3.east]{n4 langfristig verminderte Neurogenese};
\node (n5) [below right = 2ex of n3.east] {n5 verringerte Serotonon wirkung an 5-HT\textsubscript{1A}-                              Rezeptoren} ;
\node (n6) [above right = of n4.south east] {n6 verringertes Volumen von Hippocampus und Basalganglien};
\node (n7) [above right = of n5.south east] {n7 erhohte Aktivitat im limbischen Cortexbereich};
\node (n8) [above right = of n6.south east] {n8 verringerte Fahigkeit zu Integration neuer Informationen};
\node (n9) [above right = of n7.south east] {n9 erhöhte Tendenz, an Emotionen festzuhalten};
\node (n10) [right = of n3 -| n8.east] {n10 Depressive Episode};
    \end{tikzpicture}
\end{document}

решение3

С вашей помощью — спасибо AndréC, коту Шредингера и Zarko — вот как это должно выглядеть (в мире Zelda большинство стрелок строго вертикальные, но это не в счет). Мне нужна была tikzlibrary matrixи исправлено text width:

\begin{tikzpicture}[every node/.style = {draw, shape=rectangle,
    rounded corners, text width = 9em, inner sep = 4pt }, 
  node distance = 2em, align=left,
  mymat/.style={matrix of nodes,
    draw=none,nodes={draw,rounded corners,align=left,
      text width=6em, anchor=south},
  column 1/.style={nodes={text
        width=6em}}, row sep=2em,column sep=2em}]
  \node[anchor=center] (n1) {% n1 
    Erheblicher Stress 
    in früher Kindheit 
    oder später};
  \node[right = of n1] (n2) {% n2 
    Anpassung der 
    Ausbildung von 
    Cortisol"|rezeptoren};
  \node[right = of n2] (n3) {% n3 
    langfristig 
    erhöhte Cortisol"|freisetzung};
  \matrix[right = of n3,yshift=1.5ex, mymat] (m1) {%
    {% n4 
      langfristig 
      verminderte 
      Neuro"|genese} &
    {% n6 
      verringertes 
      Volumen von 
      Hippo"|campus und 
      Basal"|ganglien}&
    {% n8 
      verringerte 
      Fähigkeit zu 
      Integration neuer 
      Informationen}\\
    {% n5 
      verringerte 
      Serotonin"|wirkung an 
      5-HT\textsubscript{1A}-%
      Rezeptoren}&
    {% n7 
      erhöhte Aktivität 
      im limbischen 
      Cortexbereich}&
    {% n9 
      erhöhte Tendenz, 
      an Emotionen 
      festzuhalten}\\
  };
  \node[right = of m1] (n10) {% n10 
    Depressive 
    Episode};
  \draw[->] (n1) -- (n2);
  \draw[->] (n2) -- (n3);
  \draw[->] (n3) -- (m1-1-1);
  \draw[->] (n3) -- (m1-2-1);
  \draw[->] (m1-1-1) -- (m1-1-2);
  \draw[->] (m1-1-2) -- (m1-1-3);
  \draw[->] (m1-1-3) -- (n10);
  \draw[->] (m1-2-1) -- (m1-2-2);
  \draw[->] (m1-2-2) -- (m1-2-3);
  \draw[->] (m1-2-3) -- (n10);
\end{tikzpicture}

последнее прикосновение

Связанный контент