☰

如何连接两个矩形，或者如何使节点比文本更宽、更长

tag-icon • tag-icon tikz-pgf
如何连接两个矩形，或者如何使节点比文本更宽、更长

我正在尝试翻译书中的图形，我需要连接一些矩形才能完成此操作。以下是我目前所做的：

在此处输入图片描述

如您所见，箭头的位置看起来不太美观，因为箭头没有连接到矩形的边缘。生成此图形的代码：

\begin{tikzpicture}
\draw [rounded corners, fill=lightgray] (3,0) rectangle (6,-1) node (1) [pos=.5] {\textit{Output} gráfico} ;

\draw [rounded corners, fill=lightgray] (3,-2.5) rectangle (6,-3.5) node (2) [pos=.5] {\textit{Game Manager}};

\draw [rounded corners, fill=lightgray] (3,-5) rectangle (6,-6) node (3) [pos=.5] {Jogador};

\draw (-0.5,-1) rectangle (2,-2.5) node (4) [pos=.5, align=center] {Descrições de \\ jogos};

\draw (-0.5,-3) rectangle (2,-4.5) node (5) [pos=.5, align=center] {Registro de \\ partidas};

\draw (7,-2.5) rectangle (9,-3.5) node (6) [pos=.5, align=center] {Registro de \\ partidas};

 \draw[black, thick, ->]  (2) --  (1.south);

\end{tikzpicture}

我认为用节点来做会更好，因为节点连接到边界，但我无法让节点看起来像上图中的矩形。它们很小，没有边界。以下是一个例子：

在此处输入图片描述

生成上述图形的代码：

\begin{tikzpicture}

\node [ rounded corners, fill=lightgray] at (4.5,0) (1) {\textit{Output} gráfico};

\end{tikzpicture}

所以我的问题是：如何用以边缘为起点和终点的箭头连接两个矩形？如果这不可能，我如何生成具有可见边框的更大节点（但字体大小保持不变）？

答案1

我现在没有时间重做整个 MWE，但第一个矩形可以替换为：

\node (1) [rounded corners, draw, fill=lightgray,minimum width=3cm,minimum height=1cm]
   at (4.5,-.5) {\textit{Output} gr\'afico} ;

答案2

使用键minimum height和minimum width来设置节点的大小，并使用库positioning来放置它们。然后对每种类型的节点使用样式。

在此处输入图片描述

\documentclass{article}

\usepackage{tikz}
\usetikzlibrary{positioning}


\begin{document}

\begin{tikzpicture}[node distance=15 mm and 15 mm,
                    every node/.style={draw},
                    central/.style={fill=lightgray,rounded corners,minimum           
                                    width=3cm,minimum height=1cm},
                    other/.style={text width=2.2 cm,text centered,minimum 
                                  width=2.5cm,,minimum height=1.5cm}]  
\node[central] (output){\textit{Output} gr\'afico};
\node[central] (manager) [below=of output] {\textit{Game Manager}};
\node[central] (jogador) [below=of manager] {Jogador};
\node[text width= 2cm,text centered] [right=of manager] {Registro de \\ partidas};
\node[other,yshift=-1cm] [left=of manager]{Registro de \\ partidas};
\node[other,yshift=1.2cm] [left=of manager]{Descri\c c\=oes de \\ jogos};
\draw[->] (manager)--(output);
\end{tikzpicture}

\end{document}

相关内容