☰

方向を示す説明図

tag-icon • tag-icon tikz-pgf arrows smartdiagram
方向を示す説明図

私は Tikz を初めて使用しており、SmartArt を MS PowerPoint から LaTeX に変換する作業を行っています。私の図の 1 つは次のようになります。

説明図

私はパッケージ smartdiagram を知っており、上記に多少近いと思われる「説明図」を見つけました。しかし、私はプロセスのステップを示し、それらの各ステップを説明しようとしています (そのため、左下に有向六角形があります)。これを実行するための方法が、smartdiagram に既に存在しているのでしょうか? それとも、自分で tikzpicture を描く必要があるのでしょうか?

答え1

または、smartdiagramパッケージなしの場合:

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{shapes.symbols,positioning}

\definecolor{myblue}{RGB}{79,129,189}

\tikzset{
myshape/.style={
  shape=signal,
  fill=myblue,
  minimum height=1.5cm,
  minimum width=1.5cm,
  text=white,
  signal pointer angle=130,
  signal to=east,
  signal from=west,
  rotate=-90,
  transform shape
  },
mytext/.style={
  draw=myblue,
  text width=7cm,
  minimum height=1.15cm,
  thick,
  outer sep=0pt
  }  
}
\newcounter{tmp}
\newcommand\MyDesc[3][]{
\stepcounter{tmp}%
\node[myshape,#1] (desc\thetmp) {};
\node[font=\color{white}] at (desc\thetmp) {#2};
\node[mytext,anchor=north west] at (desc\thetmp.north west) 
  {%
    \parbox[t]{2em}{\hfill$\bullet$\hfill\null}%
    \parbox[t]{\dimexpr\linewidth-2em\relax}{#3}%
  };
}

\begin{document}

\begin{tikzpicture}[]
\MyDesc{Foo 1}{Description 1}
\MyDesc[below = 1.5cm of desc1.north]{Foo 2}{Description 2}
\MyDesc[below = 1.5cm of desc2.north]{Foo 3}{Description 3}
\end{tikzpicture}

\end{document}

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

答え2

小さなパッチで、次のことを実現できます。

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

完璧とは程遠いですが、参考画像のように見えます。

コード：

\documentclass[12pt]{article} 
\usepackage{smartdiagram}
\usetikzlibrary{shapes.symbols}

\tikzset{description title/.append style={
    signal, 
    signal to=south, 
    signal from=north,
    yshift=-0.65cm,
  }
}
\begin{document} 
\begin{center}
\smartdiagramset{description title width=2cm, 
description title text width=1.75cm,
descriptive items y sep=2,
description text width=5.75cm,
module minimum height=1.25cm}
\smartdiagram[descriptive diagram]{%
{Set up,The set up operation consist of..},
{Run, {After having set up the program, you must run..}},
{Analyse, You must check what did with analytical tools like..},}
\end{center}
\end{document}

関連情報