☰

節點周圍的框框以說明每個節點的標籤 tikzpic

tag-icon • tag-icon nodes tikz-node tikz-pic
節點周圍的框框以說明每個節點的標籤 tikzpic

問題

我在標記節點之外繪製框，並且這些框不考慮內部節點上方的標籤。

這是我的文檔的 MWE：

\documentclass[10pt]{article}
\ExpandArgs{c}\newcommand{new@fontshape}{anything}

\usepackage[russian,indonesian]{babel}
\usepackage{newtx}

\usepackage{linguex}
\usepackage[none]{hyphenat}
\usepackage{geometry}
\usepackage{setspace}
\usepackage{booktabs}
\usepackage{tikz}
\usepackage{tikz-qtree}
\usepackage{gb4e}
\usepackage{adjustbox}

\usetikzlibrary{shapes.geometric, arrows, chains, decorations.pathreplacing, positioning, fit}

\AtBeginDocument{%
  \DeclareFontFamilySubstitution{T2A}{\familydefault}{Tempora-TLF}%
}

\primebars
\let\emptyset\varnothing

\geometry{
 a4paper,
 margin=3cm
 }

\newcommand{\?}[1]{\foreignlanguage{russian}{#1}}
\noautomath


\begin{document}

\vspace{5mm}
\section*{Hubungan sintaksis}
\vspace{5mm}

\tikzstyle{startstop} = [rectangle, rounded corners, minimum width=3cm, minimum height=2.5cm, text centered, draw=black, text width=3cm]
\tikzstyle{io} = [trapezium, trapezium left angle=70, trapezium right angle=110, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=blue!30]
\tikzstyle{process} = [rectangle, minimum width=1cm, minimum height=1cm, text centered, draw=black, text width=2.5cm]
\tikzstyle{decision} = [diamond, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=green!30]
\tikzstyle{arrow} = [thick,->,>=stealth]
\tikzstyle{line} = [draw, -latex']

\def\layersep{2.5cm}
\begin{adjustbox}{width=\textwidth}
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=10pt,rounded corners=5pt}]
  \node (kr) [process, label=above:{Agen}] {Kerusiaan};
  \node (bn) [process, right of=kr, label=above:{Sasaran}] {Binan};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);

  \node[box,fit=(kr)(bn)] {};

\end{tikzpicture}\hspace{1cm}%
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=10pt,rounded corners=5pt}]
  \node (kr) [process, label=above:{Agen}] {Binan};
  \node (bn) [process, right of=kr, label=above:{Sasaran}] {Non-kerusiaan};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);

  \node[box,fit=(kr)(bn)] {};

\end{tikzpicture}\hspace{1cm}%
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=10pt,rounded corners=5pt}]
  \node (kr) [process, label=above:{Agen}] {Binan};
  \node (bn) [process, right of=kr, label=above:{Sasaran}] {Kerusiaan};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);

  \node[box,fit=(kr)(bn)] {};

\end{tikzpicture}
\end{adjustbox}

\end{document}

這是程式碼的排版： 在此輸入影像描述

盒子只是忽略標籤是每個節點的一部分；它只是穿過它，不會在標籤上方留下空間。

我希望這些框不會穿過標籤，並在其上方添加文字。大約是這樣的：

在此輸入影像描述

我該如何改進我的程式碼？

到目前為止我做了什麼

我知道我可以更改sepin {draw,black,inner sep=10pt,rounded corners=5pt}，但它會在上下框空間之間產生不均勻的空間：

\documentclass[10pt]{article}
\ExpandArgs{c}\newcommand{new@fontshape}{anything}

\usepackage[russian,indonesian]{babel}
\usepackage{newtx}

\usepackage{linguex}
\usepackage[none]{hyphenat}
\usepackage{geometry}
\usepackage{setspace}
\usepackage{booktabs}
\usepackage{tikz}
\usepackage{tikz-qtree}
\usepackage{gb4e}
\usepackage{adjustbox}

\usetikzlibrary{shapes.geometric, arrows, chains, decorations.pathreplacing, positioning, fit}

\AtBeginDocument{%
  \DeclareFontFamilySubstitution{T2A}{\familydefault}{Tempora-TLF}%
}

\primebars
\let\emptyset\varnothing

\geometry{
 a4paper,
 margin=3cm
 }

\newcommand{\?}[1]{\foreignlanguage{russian}{#1}}
\noautomath


\begin{document}

\vspace{5mm}
\section*{Hubungan sintaksis}
\vspace{5mm}

\tikzstyle{startstop} = [rectangle, rounded corners, minimum width=3cm, minimum height=2.5cm, text centered, draw=black, text width=3cm]
\tikzstyle{io} = [trapezium, trapezium left angle=70, trapezium right angle=110, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=blue!30]
\tikzstyle{process} = [rectangle, minimum width=1cm, minimum height=1cm, text centered, draw=black, text width=2.5cm]
\tikzstyle{decision} = [diamond, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=green!30]
\tikzstyle{arrow} = [thick,->,>=stealth]
\tikzstyle{line} = [draw, -latex']

\def\layersep{2.5cm}
\begin{adjustbox}{width=\textwidth}
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=18pt,rounded corners=5pt}]
  \node (kr) [process, label=above:{Agen}] {Kerusiaan};
  \node (bn) [process, right of=kr, label=above:{Sasaran}] {Binan};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);

  \node[box,fit=(kr)(bn)] {};

\end{tikzpicture}\hspace{1cm}%
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=18pt,rounded corners=5pt}]
  \node (kr) [process, label=above:{Agen}] {Binan};
  \node (bn) [process, right of=kr, label=above:{Sasaran}] {Non-kerusiaan};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);

  \node[box,fit=(kr)(bn)] {};

\end{tikzpicture}\hspace{1cm}%
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=18pt,rounded corners=5pt}]
  \node (kr) [process, label=above:{Agen}] {Binan};
  \node (bn) [process, right of=kr, label=above:{Sasaran}] {Kerusiaan};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);

  \node[box,fit=(kr)(bn)] {};

\end{tikzpicture}
\end{adjustbox}

\end{document}

在此輸入影像描述

我希望標籤的上框和節點底部的下框之間的空間相等。外盒上方新增了文字。我該怎麼辦？

答案1

我透過這段程式碼使它工作：

\documentclass[10pt]{article}
\ExpandArgs{c}\newcommand{new@fontshape}{anything}

\usepackage[russian,indonesian]{babel}
\usepackage{newtx}

\usepackage{linguex}
\usepackage[none]{hyphenat}
\usepackage{geometry}
\usepackage{setspace}
\usepackage{booktabs}
\usepackage{tikz}
\usepackage{tikz-qtree}
\usepackage{gb4e}
\usepackage{adjustbox}

\usetikzlibrary{shapes.geometric, arrows, chains, decorations.pathreplacing, positioning, fit}

\AtBeginDocument{%
  \DeclareFontFamilySubstitution{T2A}{\familydefault}{Tempora-TLF}%
}

\primebars
\let\emptyset\varnothing

\geometry{
 a4paper,
 margin=3cm
 }

\newcommand{\?}[1]{\foreignlanguage{russian}{#1}}
\noautomath


\begin{document}

\vspace{5mm}
\section*{Hubungan sintaksis}
\vspace{5mm}

\tikzstyle{startstop} = [rectangle, rounded corners, minimum width=3cm, minimum height=2.5cm, text centered, draw=black, text width=3cm]
\tikzstyle{io} = [trapezium, trapezium left angle=70, trapezium right angle=110, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=blue!30]
\tikzstyle{process} = [rectangle, minimum width=1cm, minimum height=1cm, text centered, draw=black, text width=2.5cm]
\tikzstyle{decision} = [diamond, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=green!30]
\tikzstyle{arrow} = [thick,->,>=stealth]
\tikzstyle{line} = [draw, -latex']

\def\layersep{2.5cm}
\begin{adjustbox}{width=\textwidth}
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=5pt,rounded corners=5pt}]
  \node (kr) [process, fill=gray!15,thin,rounded corners] {Kerusiaan};
  \node (bn) [process, fill=gray!60,thin,rounded corners, right of=kr] {Binan};
  \node (n1) [inner sep=0pt,draw=none,above=2pt of kr] {Agen};
  \node (n2) [inner sep=0pt,draw=none,above=3.5pt of bn] {Sasaran};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center] {Aksi} (bn);
  \path (kr) -- node[midway,draw=none,inner sep=2pt, above=12.5mm] {teks} (bn);

  \node[box,fit=(kr)(bn)(n1)(n2)] {};

\end{tikzpicture}\hspace{1cm}%
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=5pt,rounded corners=5pt}]
  \node (kr) [process, fill=gray!60,thin,rounded corners] {Binan};
  \node (bn) [process, fill=gray!5,draw,dashed, right of=kr] {Non-kerusiaan};
  \node (n1) [inner sep=0pt,draw=none,above=2pt of kr] {Agen};
  \node (n2) [inner sep=0pt,draw=none,above=3.5pt of bn] {Sasaran};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);
  \path (kr) -- node[midway,draw=none,inner sep=2pt, above=12.5mm] {teks} (bn);

  \node[box,fit=(kr)(bn)(n1)(n2)] {};

\end{tikzpicture}\hspace{1cm}%
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=5pt,rounded corners=5pt}]
  \node (kr) [process, fill=gray!60,thin,rounded corners] {Binan};
  \node (bn) [process, fill=gray!15,thin,rounded corners, right of=kr] {Kerusiaan};
  \node (n1) [inner sep=0pt,draw=none,above=2pt of kr] {Agen};
  \node (n2) [inner sep=0pt,draw=none,above=3.5pt of bn] {Sasaran};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);
  \path (kr) -- node[midway,draw=none,inner sep=2pt, above=12.5mm] {teks} (bn);

  \node[box,fit=(kr)(bn)(n1)(n2)] {};

\end{tikzpicture}
\end{adjustbox}

\end{document}

結果是這樣的： 在此輸入影像描述

歡迎其他建議！

答案2

我沒有創建三個環境，而是tikzpicture只創建一個環境，​​其中 3 個人物都位於一個scope環境中，這樣您就可以將它們精確地定位在彼此之間。

然後，我會在定義每個標籤後Agen立即為其命名。

\documentclass[10pt]{article}
\ExpandArgs{c}\newcommand{new@fontshape}{anything}

\usepackage[russian,indonesian]{babel}
\usepackage{newtx}

\usepackage{linguex}
\usepackage[none]{hyphenat}
\usepackage{geometry}
\usepackage{setspace}
\usepackage{booktabs}
\usepackage{tikz}
\usepackage{tikz-qtree}
\usepackage{gb4e}
\usepackage{adjustbox}

\usetikzlibrary{shapes.geometric, arrows, chains, decorations.pathreplacing, positioning, fit}

\AtBeginDocument{%
  \DeclareFontFamilySubstitution{T2A}{\familydefault}{Tempora-TLF}%
}

\primebars
\let\emptyset\varnothing

\geometry{
 a4paper,
 margin=3cm
 }

\newcommand{\?}[1]{\foreignlanguage{russian}{#1}}
\noautomath


\begin{document}

\vspace{5mm}
\section*{Hubungan sintaksis}
\vspace{5mm}

\tikzstyle{startstop} = [rectangle, rounded corners, minimum width=3cm, minimum height=2.5cm, text centered, draw=black, text width=3cm]
\tikzstyle{io} = [trapezium, trapezium left angle=70, trapezium right angle=110, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=blue!30]
\tikzstyle{process} = [rectangle, minimum width=1cm, minimum height=1cm, text centered, draw=black, text width=2.5cm]
\tikzstyle{decision} = [diamond, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=green!30]
\tikzstyle{arrow} = [thick,->,>=stealth]
\tikzstyle{line} = [draw, -latex']

\def\layersep{2.5cm}
\begin{adjustbox}{width=\textwidth}
\begin{tikzpicture}[node distance=4cm, box/.style = {draw,black,inner sep=5pt,rounded corners=5pt}]
  \node (kr) [process, label={[name=label 1]above:Agen}] {Kerusiaan};
  \node (bn) [process, right of=kr, label=above:Sasaran] {Binan};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);

  \node[fit=(bn)(label 1),inner sep=0pt] (fit 1){};
  \node[box,fit=(kr)(fit 1)] {};
    
\begin{scope}[xshift=8cm]
  \node (kr) [process, label={[name=label 2]above:Agen}] {Binan};
  \node (bn) [process, right of=kr, label=above:{Sasaran}] {Non-kerusiaan};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);
  \node[fit=(bn)(label 2),inner sep=0pt] (fit 2){};
  \node[box,fit=(kr)(fit 2)] {};
\end{scope}

\begin{scope}[xshift=16cm]
  \node (kr) [process, label={[name=label 3]above:Agen}] {Binan};
  \node (bn) [process, right of=kr, label=above:{Sasaran}] {Kerusiaan};

  \path [line] (kr) -- node [text width=2.5cm,midway,above,align=center ] {Aksi} (bn);
  \node[fit=(bn)(label 3),inner sep=0pt] (fit 3){};
  \node[box,fit=(kr)(fit 3)] {};
\end{scope}
\end{tikzpicture}
\end{adjustbox}

\end{document}

在此輸入影像描述

相關內容