☰

ミニページ環境での水平方向の配置に関する問題

tag-icon • tag-icon tikz-pgf minipage tcolorbox
ミニページ環境での水平方向の配置に関する問題

これは非常に愚かな質問かもしれませんが、私は気が狂いそうです。

矢印でリンクされた tcolorbox が 3 つあります。2 行目のボックスはミニページ環境にあり、1 つは左揃え、もう 1 つは最初のボックスの下の中央に配置します。

これが私のコードです:

\begin{center}
\begin{tcolorbox}[enhanced, overlay, width=1.5in, halign = flush center, remember as=ci]
Circuit Imprimé
\end{tcolorbox}

\begin{minipage}{.5\linewidth}
\begin{flushleft} 
\begin{tcolorbox}[enhanced, overlay, width=1.3in, halign = flush center, remember as=pm]
Procédés\\ Métallurgiques
\end{tcolorbox}
\end{flushleft} 
\end{minipage}%
\begin{minipage}{.3\linewidth}
\begin{tcolorbox}[enhanced, overlay, width=1.8in, halign = flush center, remember as=adm]
Analyse des matériaux
\end{tcolorbox}
\end{minipage} 

\end{center}

\begin{tikzpicture}[overlay,remember picture,line width=0.5mm,draw=red!75!black]
\draw[->, rounded corners] (ci.east) -- ++(1.5,0)  |- (adm.east);
\end{tikzpicture}
\begin{tikzpicture}[overlay,remember picture,line width=0.5mm,draw=red!75!black]
\draw[->, rounded corners] (adm.west) to (pm.east);
\end{tikzpicture}

しかし、次のような結果になりました: ここに画像の説明を入力してください

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

編集: 正直に言うと、私はこのチャートをプロジェクトのために、もっと様式化された方法で作り直そうとしています。しかし、私は tikz と tcolorbox を初めて使うので、それはとても簡単ではありません: ここに画像の説明を入力してください

答え1

Your `tikzpicures` replace width:

\begin{tikzpicture}[overlay,remember picture,
                    line width=0.5mm, draw=red!75!black,
                    rounded corners]
\draw[->] (ci.east) -- +(5,0)  |- (adm);
\draw[->] (adm) -- (pm);
\end{tikzpicture}

そして、次のものが得られます:

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

なぜこの画像をこのように複雑な方法で描くのか不思議ですが、TikZ で直接描くと、はるかにシンプルで「制御」できるようになります。

\documentclass{article}
    \usepackage[T1]{fontenc}
    \usepackage[utf8]{inputenc}
    \usepackage{tikz}
\usetikzlibrary{arrows.meta,positioning}
    \usepackage[many]{tcolorbox}

    \begin{document}
\begin{tikzpicture}[
    node distance = 5mm and -3mm,
mynode/.style = {draw=gray, ultra thick, fill=gray!20,
                 rounded corners, align=center,
                 minimum height= 12mm, inner sep=2mm,
                 text width = #1},
 arrow/.style = {draw=red!75!black, line width=1mm, 
                 -{Triangle[]}  }
                          ]   
\node (ci)  [mynode=1.5in]      {Circuit Imprimé};
\node (pm)  [mynode=1.3in,
             below  left=of ci] {Procédés\\ Métallurgiques};
\node (adm) [mynode=1.3in,
             below right=of ci] {Analyse\\ des Matériaux};
%
\draw[arrow] (ci.east) -- +(5,0) |- (adm);
\draw[arrow] (adm) -- (pm);
\end{tikzpicture}
    \end{document}

これにより、次のようになります。

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

ご覧のとおり、上記のソリューションではミニページは必要なく、 のコンテンツtcolorboxがノードに書き込まれ、ノードは互いに相対的に配置されます。距離は によって制御されます。 ノードとnode distanceの間の矢印のオフセットを決定するのは car だけです。ciadm

注意: 最初の画像ではコーディングを使用していないutf8ため、一部の文字が欠落しています。

関連情報