☰

如何在 Tikz 上的文字之間插入行

tag-icon • tag-icon tikz-pgf arrows shapes
如何在 Tikz 上的文字之間插入行

我是 Tikz 的新手，我今天才開始使用它，遇到了一些困難，但我找不到解決方案。我正在根據範例製作一個框圖範例：控制系統原理。我嘗試根據我的需要進行修改，例如在區塊上方添加文字\node [above of=controller, node distance=1.2cm] (MP:1) {$MP_1$};。我不知道這是否是正確的方法。我理想的情況是用左右箭頭將此文字連接到 pinstylestin和tout/tin。由於我無法為它們命名，所以我無法使用該命令，tin它不起作用。我嘗試插入，但輸出不再正確。我正在查看 Tikz 手冊，我發現透過使用諸如 之類的座標以某種方式解決了我的問題。結果又不正確。tout/tin\draw [draw,->] (tin) -- node [name=line] {} (MP:1);\draw [->, right of=MP:1, node distance=1.5cm] {};\draw [<-] (20mm,10mm) -- (0mm,10mm);

所以我的第一個問題是我插入的文本是否正確，以便為文本提供名稱作為參考，或者是否有更好的方法？我的第二個問題是，如果我正確插入文本，則可以為 pinstyles 創建參考名稱，如果不是，我該如何繪製線條？下面提供了我的程式碼範例（用於測試目的）以及輸出圖片。

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{shapes,arrows}
\usepackage{pgfplots}
\pgfplotsset{compat=1.8}

\begin{document}

\tikzstyle{block} = [draw, rectangle, minimum height=2em, minimum width=5em] %fill=blue!20
\tikzstyle{sum} = [draw, circle, node distance=2.0cm, minimum size=6mm]
\tikzstyle{input} = [coordinate] 
\tikzstyle{output} = [coordinate]
\tikzstyle{pinstyle} = [pin edge={to-,thin,black}]

\begin{figure}[!ht]
\begin{center}
\makebox[\textwidth][c]{
\begin{tikzpicture}[auto, node distance=1.5cm,>=latex']
\node [input, name=input] {};
\node [sum, right of=input, pin={[pinstyle]above:$t_{in}$}, node distance=1.5cm] (sum) {MP};
\draw [draw,->] (input) -- node [name=begging] {UE} (sum);
\node [block, right of=sum, node distance=2.0cm] (controller) {Node B};
% Text above of GGSN (MP1)
\node [above of=controller, node distance=1.2cm] (MP:1) {$MP_1$};
\draw [<-] (20mm,10mm) -- (0mm,10mm);
%\draw [->, right of=MP:1, node distance=1.5cm] {};
\draw [->] (sum) -- node {} (controller);
\node [sum, right of=controller, pin={[pinstyle]above:$t_{out}/t_{in}$}, node distance=2.0cm] (sum_2) {MP};
\draw [->] (controller) -- node [name=u] {} (sum_2);
\node [block, right of=sum_2, node distance=2.0cm] (controller_2) {RNC};
% Text above of GGSN (MP2)
\node [above of=controller_2, node distance=1.2cm] (MP:2) {$MP_2$};
\draw [->] (sum_2) -- node [name=u2] {} (controller_2);
\node [sum, right of=controller_2, pin={[pinstyle]above:$t_{out}/t_{in}$}, node distance=2.0cm] (sum_3) {MP};
\draw [->] (controller_2) -- node [name=u3] {} (sum_3);
\node [block, right of=sum_3, node distance=2.0cm] (controller_3) {SGSN};
% Text above of GGSN (MP3)
\node [above of=controller_3, node distance=1.2cm] (MP:3) {$MP_3$};
\draw [->] (sum_3) -- node [name=u4] {} (controller_3);
\node [sum, right of=controller_3, pin={[pinstyle]above:$t_{out}/t_{in}$}, node distance=2.0cm] (sum_4) {MP};
\draw [->] (controller_3) -- node [name=u5] {} (sum_4);
\node [block, right of=sum_4, node distance=2.0cm] (controller_4) {GGSN};
% Text above of GGSN (MP4)
\node [above of=controller_4, node distance=1.2cm] (MP:4) {$MP_4$};
\draw [->] (sum_4) -- node [name=u6] {} (controller_4);
\node [sum, right of=controller_4, pin={[pinstyle]above:$t_{out}$}, node distance=2.0cm] (sum_5) {MP};
\draw [->] (controller_4) -- node [name=u8] {} (sum_5);
\node [output, right of=sum_5] (output) {};
\draw [->] (sum_5) -- node [name=end] {PDN}(output);
\node [block, above of=sum_3, node distance=2.5cm] (pipeline) {Pipeline};
\draw [->] (begging) |- (pipeline);
\draw [->] (pipeline) -| (end);
\end{tikzpicture} } % End of makebox
\caption{Test}
\label{fig:blockdiagram}
\end{center}
\end{figure}

\end{document}

框圖輸出

答案1

改良版：

  1. 我將舊的語法更改\tikzsetstyle為更合適的\tikzset語法。

  2. 我建議您不要:在節點名稱中使用，因為該:運算符在應用於節點名稱時具有特殊含義。

  3. 我加載了該positioning庫並將已棄用的of=語法更改為該=of語法（請注意生成的程式碼中的經濟性）。

  4. 我沒有使用引腳，而是使用了mytext節點樣式；這會產生更好的結果。

  5. 改進的空間：也許在這裡使用鏈會簡化程式碼。這留作練習。

代碼：

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{shapes,arrows,positioning}

\begin{document}

\tikzset{
block/.style={
  draw, 
  rectangle, 
  minimum height=2em, 
  minimum width=5em
  },
sum/.style={
  draw, 
  circle, 
  minimum size=6mm
  },
input/.style={coordinate}, 
output/.style={coordinate},
mytext/.style={
  draw,
  text depth=4pt,
  text height=10pt
  }
}
\begin{figure}[!ht]
\begin{center}
\makebox[\textwidth][c]{%
\begin{tikzpicture}[auto,node distance=1cm and 0.8cm,>=latex']
\node[
  input,
  name=input] {};
\node[
  sum, 
  right = of input
  ] 
  (sum) {MP};
\node[
  mytext,
  above=of sum.center,
  name=tin1
  ] 
  {$t_{in}$};  
\draw[->] 
  (input) -- node [name=begging] {UE} (sum);
\node[
  block, 
  right = of sum
  ] 
  (controller) {Node B};
% Text above of GGSN (MP1)
\node[
  mytext,
  above = of controller.center
  ] 
  (MP1) {$MP_1$};
%\draw [->, right = of MP:1, node distance=1.5cm] {};
\draw[->] 
  (sum) -- node {} (controller);
\node[
  sum,
  right = of controller
  ] 
  (sum_2) {MP};
\node[
  mytext,
  above=of sum_2.center,
  name=toti1
  ] 
  {$t_{out}/t_{in}$};  
\draw[->] 
  (controller) -- node [name=u] {} (sum_2);
\node[
  block, 
  right = of sum_2
  ] 
  (controller_2) {RNC};
% Text above of GGSN (MP2)
\node[
  mytext,
  above = of controller_2.center
  ] 
  (MP2) {$MP_2$};
\draw[->] 
  (sum_2) -- node [name=u2] {} (controller_2);
\node[
  sum, 
  right = of controller_2, 
  ] 
  (sum_3) {MP};
\node[
  mytext,
  above=of sum_3.center,
  name=toti2
  ] 
  {$t_{out}/t_{in}$};
\draw[->] 
  (controller_2) -- node [name=u3] {} (sum_3);
\node[
  block,
  right = of sum_3
  ] 
  (controller_3) {SGSN};
% Text above of GGSN (MP3)
\node[
  mytext,
  above = of controller_3.center
  ] 
  (MP3) {$MP_3$};
\draw[->] 
  (sum_3) -- node [name=u4] {} (controller_3);
\node[
  sum, 
  right = of controller_3, 
  ] 
  (sum_4) {MP};
\node[
  mytext,
  above=of sum_4.center,
  name=  toti3
  ] {$t_{out}/t_{in}$};
\draw[->] 
  (controller_3) -- node [name=u5] {} (sum_4);
\node[
  block, 
  right = of sum_4
  ] 
  (controller_4) {GGSN};
% Text above of GGSN (MP4)
\node[
  mytext,
  above = of controller_4.center
  ] 
  (MP4) {$MP_4$};
\draw[->] 
  (sum_4) -- node [name=u6] {} (controller_4);
\node[
  sum, 
  right = of controller_4
  ] 
  (sum_5) {MP};
\node[
  mytext,
  above=of sum_5.center,
  name=tout1
  ]
  {$t_{out}$}; 
\draw[->] 
  (controller_4) -- node [name=u8] {} (sum_5);
\node[
  output, 
  right = of sum_5
  ] 
  (output) {};
\draw[->] 
  (sum_5) -- node [name=end] {PDN}(output);
\node[
  block,
  above = 2cm of sum_3
  ] 
  (pipeline) {Pipeline};
\draw[->] 
  (begging) |- (pipeline);
\draw[->] 
  (pipeline) -| (end);
  
\draw[->]
  (tin1) -- (sum);
\draw[->]
  (toti1) -- (sum_2);
\draw[->]
  (toti2) -- (sum_3);
\draw[->]
  (toti3) -- (sum_4);
\draw[->]
  (tout1) -- (sum_5);

\draw[<->] 
  (tin1) -- (MP1);
\draw[<->] 
  (MP1.east) -- (toti1.west|-MP1.east);
\draw[<->] 
  (toti1.east) -- (MP2.west|-toti1.east);
\draw[<->] 
  (MP2.east) -- (toti2.west|-MP2.east);
\draw[<->] 
  (toti2.east) -- (MP3.west|-toti2.east);
\draw[<->] 
  (MP3.east) -- (toti3.west|-MP3.east);
\draw[<->] 
  (toti3.east) -- (MP4.west|-toti3.east);
\draw[<->] 
  (MP4.east) -- (tout1.west|-MP4.east);
\end{tikzpicture}} % End of makebox
\caption{Test}
\label{fig:blockdiagram}
\end{center}
\end{figure}

\end{document}

在此輸入影像描述

從樣式中刪除該draw選項mytext。

初始版本：

Apin只是一個特殊的節點，因此您可以為name=<string>它們指定一個名稱以用於連接它們：

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{shapes,arrows}

\begin{document}

\tikzset{
block/.style={
  draw, 
  rectangle, 
  minimum height=2em, 
  minimum width=5em
  },
sum/.style={
  draw, 
  circle, 
  node distance=2.0cm, 
  minimum size=6mm
  },
input/.style={coordinate}, 
output/.style={coordinate},
pinstyle/.style={
  pin edge={to-,thin,black}
  }
}
\begin{figure}[!ht]
\begin{center}
\makebox[\textwidth][c]{
\begin{tikzpicture}[auto, node distance=1.5cm,>=latex']
\node [input, name=input] {};
\node [sum, right of=input, pin={[pinstyle,name={tin1}]above:$t_{in}$}, node distance=1.5cm] (sum) {MP};
\draw [draw,->] (input) -- node [name=begging] {UE} (sum);
\node [block, right of=sum, node distance=2.0cm] (controller) {Node B};
% Text above of GGSN (MP1)
\node [above of=controller, node distance=1.2cm] (MP1) {$MP_1$};
\draw [<-] (20mm,10mm) -- (0mm,10mm);
%\draw [->, right of=MP:1, node distance=1.5cm] {};
\draw [->] (sum) -- node {} (controller);
\node [sum, right of=controller, pin={[pinstyle,name=toti1]above:$t_{out}/t_{in}$}, node distance=2.0cm] (sum_2) {MP};
\draw [->] (controller) -- node [name=u] {} (sum_2);
\node [block, right of=sum_2, node distance=2.0cm] (controller_2) {RNC};
% Text above of GGSN (MP2)
\node [above of=controller_2, node distance=1.2cm] (MP2) {$MP_2$};
\draw [->] (sum_2) -- node [name=u2] {} (controller_2);
\node [sum, right of=controller_2, pin={[pinstyle,name=toti2]above:$t_{out}/t_{in}$}, node distance=2.0cm] (sum_3) {MP};
\draw [->] (controller_2) -- node [name=u3] {} (sum_3);
\node [block, right of=sum_3, node distance=2.0cm] (controller_3) {SGSN};
% Text above of GGSN (MP3)
\node [above of=controller_3, node distance=1.2cm] (MP3) {$MP_3$};
\draw [->] (sum_3) -- node [name=u4] {} (controller_3);
\node [sum, right of=controller_3, pin={[pinstyle,name=toti3]above:$t_{out}/t_{in}$}, node distance=2.0cm] (sum_4) {MP};
\draw [->] (controller_3) -- node [name=u5] {} (sum_4);
\node [block, right of=sum_4, node distance=2.0cm] (controller_4) {GGSN};
% Text above of GGSN (MP4)
\node [above of=controller_4, node distance=1.2cm] (MP4) {$MP_4$};
\draw [->] (sum_4) -- node [name=u6] {} (controller_4);
\node [sum, right of=controller_4, pin={[pinstyle,name=tout1]above:$t_{out}$}, node distance=2.0cm] (sum_5) {MP};
\draw [->] (controller_4) -- node [name=u8] {} (sum_5);
\node [output, right of=sum_5] (output) {};
\draw [->] (sum_5) -- node [name=end] {PDN}(output);
\node [block, above of=sum_3, node distance=2.5cm] (pipeline) {Pipeline};
\draw [->] (begging) |- (pipeline);
\draw [->] (pipeline) -| (end);

\draw[<->] (tin1.east) -- (MP1.west|-tin1.east);
\draw[<->] (MP1.east) -- (toti1.west|-MP1.east);
\draw[<->] (toti1.east) -- (MP2.west|-toti1.east);
\draw[<->] (MP2.east) -- (toti2.west|-MP2.east);
\draw[<->] (toti2.east) -- (MP3.west|-toti2.east);
\draw[<->] (MP3.east) -- (toti3.west|-MP3.east);
\draw[<->] (toti3.east) -- (MP4.west|-toti3.east);
\draw[<->] (MP4.east) -- (tout1.west|-MP4.east);
\end{tikzpicture} } % End of makebox
\caption{Test}
\label{fig:blockdiagram}
\end{center}
\end{figure}

\end{document}

在此輸入影像描述

我將舊的語法更改\tikzsetstyle為更合適的\tikzset語法。另外，我建議您不要:在節點名稱中使用，因為:運算符在應用於節點名稱時具有特殊含義。

我還建議您載入定位庫並將已棄用的of=語法變更為=of語法。

答案2

貢薩洛已經提供了一個非常好的答案，但是對於這樣的常規的方案matrix節點是不錯的選擇。您不需要手動定位每個節點，並且使用matrix of nodes選項（您需要載入matrix庫）可以節省大量輸入。

\documentclass{article}
\usepackage{tikz}
\usepackage{adjustbox}
\usetikzlibrary{shapes,matrix,arrows}

\begin{document}

\tikzset{
block/.style={
  draw, 
  rectangle, 
  minimum height=2em, 
  minimum width=5em
  },
sum/.style={
  draw, 
  circle, 
  minimum size=6mm
  },
input/.style={coordinate}, 
output/.style={coordinate},
mytext/.style={
  text depth=4pt,
  text height=10pt
  }
}

\begin{figure}[!ht]
\centering
\adjustbox{width=\linewidth}{
\begin{tikzpicture}[>=latex']

\matrix (D) [matrix of nodes, 
                column sep=1cm, 
                row sep=0.8cm,
                row 1/.style={nodes={block,anchor=center}},
                row 3/.style={nodes={block,anchor=center}},
                row 2/.append style={nodes={mytext,anchor=center}},
                ]
{
& & & & & Pipeline \\
& $t_in$ & $MP_1$ & $t_{out}/t_{in}$ & $MP_2$ & $t_{out}/t_{in}$ & $MP_3$ & $t_{out}/t_{in}$ & $MP_4$ & $t_{out}$ & \\
|[input]| &|[sum]| MP & Node B &|[sum]| MP & RNC &|[sum]| MP & SGSN &|[sum]| MP & GGSN &|[sum]| MP & |[input]|\\
};

\foreach \i [remember=\i as \lasti (initially 1)] in {2,...,11}
\draw[->] (D-3-\lasti)--(D-3-\i);

\foreach \i [remember=\i as \lasti (initially 2)] in {3,...,10}
\draw[<->] (D-2-\lasti)--(D-2-\i);

\foreach \i in {2,4,6,8,10}
\draw[->] (D-2-\i)--(D-3-\i);

\path (D-3-1)--(D-3-2) node [above,midway] (UE) {UE};
\path (D-3-10)--(D-3-11) node [above,midway] (PDN) {PDN};
\draw[->] (UE) |- (D-1-6);
\draw[<-] (PDN) |- (D-1-6);

\end{tikzpicture}}
\caption{Test}
\label{fig:blockdiagram}
\end{figure}

\end{document}

在此輸入影像描述

相關內容