☰

使用 tikzlibrary‘定位’对齐（多行文本）节点

tag-icon • tag-icon tikz-pgf positioning
使用 tikzlibrary‘定位’对齐（多行文本）节点

在我转向文本框和坐标之前，我想知道positioning仅使用 tikzlibrary 我能走多远。

  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 的帮助，它应该是这个样子的（在塞尔达的世界里，更多的箭头是严格垂直的，但这不算）。我需要的是 tikzlibrarymatrix和修复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}

最后的润色

相关内容