☰

TikZ でノード距離を使用して矢印の開始と終了をオフセットするにはどうすればよいですか?

tag-icon • tag-icon tikz-pgf nodes tikz-arrows
TikZ でノード距離を使用して矢印の開始と終了をオフセットするにはどうすればよいですか?

端点の1つが実際には別のノードに接続されていない矢印を描きたいのですが、矢印の長さは矢印が接続されているノードのノード距離を考慮してください。は添付します。なので、次のように書きたいと思います

\draw [->] ([left of] the-node) -- (the-node);

以下の MWE を参照してください。

\documentclass{standalone}

\usepackage{tikz}
\usetikzlibrary{positioning}

\begin{document}
\begin{tikzpicture}[
    node/.style={
      node distance=5mm,
    },
  ]
  \node [node] (n) {n};

  % This is what I would like to write (or something like it)
  %\draw [->] ([left of] n) -- (n);

  % Here are my options so far, none of which I like

  % 1:
  \draw [->] ([yshift=5mm] n.north) -- (n);
  % CON: requires explicit use of the node distance

  % 2:
  \coordinate (coord1) at ([xshift=5mm] n.east);
  \draw [->] (coord1) -- (n);
  % CON: requires explicit use of the node distance AND an extra coordinate

  % 3:
  \coordinate [below=of n] (coord2);
  \draw [->] (coord2) -- (n);
  % CON: requires an extra coordinate, and it doesn't seem to use the node
  % distance of 'n' anyway
\end{tikzpicture}
\end{document}

MWE の結果は次のとおりです。

ここに画像の説明を入力してください

これを実現する方法について何かアイデアはありますか?

答え1

左側では相対座標を使用できます。 (右側では calc を使用する必要があります。)

\documentclass{standalone}
\usepackage{tikz}

\begin{document}
\begin{tikzpicture}
  \node (n) {n};
  \draw [->] (n.north)+(0,5mm) -- (n);
  \draw [->] (n.east)+(5mm,0) -- (n);
  \draw [->] (n.south)+(0,-5mm) -- (n);
\end{tikzpicture}
\end{document}

さらに簡単な解決策:

\documentclass{standalone}
\usepackage{tikz}

\begin{document}
\begin{tikzpicture}
  \node (n) {n};
  \draw [<-] (n.north) -- +(0,5mm);
  \draw [<-] (n.east) -- +(5mm,0);
  \draw [<-] (n.south) -- +(0,-5mm);
\end{tikzpicture}
\end{document}

答え2

ここに簡単な解決策があります（ の使用方法を示していますnode distance）：

ここに画像の説明を入力してください

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
  \node (n) {n};
  \begin{scope}[node distance=2cm]
    \draw[red,->] coordinate[below=of n] (a) (a) -- (n);
  \end{scope}
  \begin{scope}[node distance=1cm]
    \draw[blue,->] coordinate[left=of n] (a) (a) -- (n);
  \end{scope}
  \begin{scope}[node distance=5mm]
    \draw[green,->] coordinate[right=of n] (a) (a) -- (n);
  \end{scope}
\end{tikzpicture}
\end{document}

答え3

標準スコープ距離値

設定node distanceはノードの属性ではなく、周囲のスコープの属性です。そのため、アクセスできません。「ノード距離n」あなたが言ったように、しかし、「現在のノード距離」これを使用すると、次のように現在のノード距離をオフセットとして使用するスタイルを定義できます。

my above/.style={yshift=\tikz@node@distance},

これで、 形式の座標を使用できます。残念ながら、ノード アンカーを指定する必要があります。そうしないと、TikZ はプロセス内のオプション([my above] n.center)を無視して、ノードの境界上の点を計算しようとします。yshift

現在のノード距離を使用する

\begin{tikzpicture}[node distance=5mm]
\node[node distance=20mm] (n) {n}; % node distance does nothing here
\draw[->,red]   ([my above=n] n.center) -- (n);
\draw[->,green] ([my below]n.center) -- (n);
\draw[->,blue]   ([my left]n.center) -- (n);

% Larger node distance for the right line
\begin{scope}[node distance=10mm]
    \draw[->,purple] ([my right]n.center) -- (n);
\end{scope}
\end{tikzpicture}

ノードごとの距離値

ここで、ノードごとに属性を保存する場合は、名前にノード名 ( に保存\tikz@fig@name) が含まれ、目的の値が含まれるグローバル マクロを定義する必要があります。

my distance/.style={execute at end node={%
        \expandafter\gdef\csname my@node@distance@\tikz@fig@name\endcsname{#1}%
}},

これがmy distanceスタイルは、現在宣言されているノードの名前である というマクロを定義します。このマクロには に割り当てられた値が含まれており\my@node@distance@NAME、スタイルに示されているように、後で前述の名前を使用してアクセスできます。NAMEmy distance=10mmmy above2

my above2/.style={yshift/.expanded=\csname my@node@distance@#1\endcsname },

唯一の欠点は、オプションを処理するときにノード名がまだ解析されていないため、 のようにノード名を引数として再度指定する必要があることです。したがって、他のノードではなく([my above2=n] n.center)ノード の保存された距離を使用するように指示するために、追加の引数が必要になります。n

紫色の矢印は に設定されたノード距離の影響を受けず、ノード を定義するときに指定されたscopeの値を引き続き使用することに注意してください。my distance=10mmn

ノードごとの距離を使用する

\begin{tikzpicture}[node distance=5mm]
\node[my distance=10mm] (n) {n};
\draw[->,red]   ([my above2=n] n.center) -- (n);
\draw[->,green] ([my below2=n] n.center) -- (n);
\draw[->,blue]   ([my left2=n] n.center) -- (n);

% This method is completely unaffected by setting node distance
\begin{scope}[node distance=20mm]
    \draw[->,purple] ([my right2=n]n.center) -- (n);
\end{scope}
\end{tikzpicture}

完全なコード

\documentclass[tikz,margin=5pt]{standalone}
\usepackage{tikz}


\begin{document}

\makeatletter
% Basic solution using the current node distance
\tikzset{
    my above/.style={yshift=\tikz@node@distance},
    my below/.style={yshift=-\tikz@node@distance},
    my right/.style={xshift=\tikz@node@distance},
    my left/.style={xshift=-\tikz@node@distance},
}
\begin{tikzpicture}[node distance=5mm]
\node[node distance=20mm] (n) {n}; % node distance does nothing here
\draw[->,red]   ([my above=n] n.center) -- (n);
\draw[->,green] ([my below]n.center) -- (n);
\draw[->,blue]   ([my left]n.center) -- (n);

% Larger node distance for the right line
\begin{scope}[node distance=10mm]
    \draw[->,purple] ([my right]n.center) -- (n);
\end{scope}
\end{tikzpicture}

\vspace{1cm}

% Advanced solution using per-node storage
\tikzset{
    my above2/.style={yshift/.expanded=\csname my@node@distance@#1\endcsname },
    my below2/.style={yshift/.expanded=-\csname my@node@distance@#1\endcsname},
    my right2/.style={xshift/.expanded=\csname my@node@distance@#1\endcsname },
    my left2/.style= {xshift/.expanded=-\csname my@node@distance@#1\endcsname},
    my distance/.style={
        execute at end node={%
            \expandafter\gdef\csname my@node@distance@\tikz@fig@name\endcsname{#1}%
        }%
    },
}
\makeatother

\begin{tikzpicture}[node distance=5mm]
\node[my distance=10mm] (n) {n};
\draw[->,red]   ([my above2=n] n.center) -- (n);
\draw[->,green] ([my below2=n] n.center) -- (n);
\draw[->,blue]   ([my left2=n] n.center) -- (n);

% This method is completely unaffected by setting node distance
\begin{scope}[node distance=20mm]
    \draw[->,purple] ([my right2=n]n.center) -- (n);
\end{scope}
\end{tikzpicture}
\end{document}

答え4

おそらく、andを使用\tikz@node@distanceしないより良い使用方法があると思いますが、私はそれを知らないので、どんな提案でも歓迎します。\makeatletter\makeatother

\documentclass[border=2mm,tikz]{standalone}

\begin{document}
\begin{tikzpicture}
  \node (n) {n};

  \makeatletter
  \begin{scope}[node distance=2cm]
   \draw [->, red]  (n) --++(90:\tikz@node@distance);
   \begin{scope}[node distance=1cm]
   \draw [->, blue]  (n) --++(0:\tikz@node@distance);
   \draw [->, orange]  (n) --++(180:\tikz@node@distance);
   \end{scope}
   \draw [->, green]  (n) --++(-90:\tikz@node@distance);
  \end{scope}
   \makeatother

\end{tikzpicture}
\end{document}

ここに画像の説明を入力してください

編集：次のコードは percusse の提案の 1 つを示しています。

\documentclass[border=2mm,tikz]{standalone}

\makeatletter
\def\nodedistance{\tikz@node@distance}
\makeatother

\begin{document}
\begin{tikzpicture}
  \node (n) {n};

  \begin{scope}[node distance=2cm]
   \draw [->, red]  (n) --++(90:\nodedistance);
   \begin{scope}[node distance=1cm]
   \draw [->, blue]  (n) --++(0:\nodedistance);
   \draw [->, orange]  (n) --++(180:\nodedistance);
   \end{scope}
   \draw [->, green]  (n) --++(-90:\nodedistance);
  \end{scope}

\end{tikzpicture}
\end{document}

関連情報