构建Smartdiagram(流程序列图)

构建Smartdiagram(流程序列图)

我需要构建一个更适合插入文本的序列智能图。希望它看起来像下图: 在此处输入图片描述

在此处输入图片描述

我已经尝试默认使用正常的智能图(序列),但我不知道如何对其进行设置。

答案1

在此处输入图片描述

稍微修改的答案伊格纳西:节点在链中,用于enumitem节点中的列表……

\documentclass[tikz,border=2mm]{standalone}
\usetikzlibrary{chains, positioning, shapes.symbols}
\usepackage{enumitem}
\usepackage{etoolbox}
\AtBeginEnvironment{tikzpicture}{%
    \setlist[itemize]{topsep=0pt, parsep=0pt,
                      leftmargin=2em}
                                }

\begin{document}
\begin{tikzpicture}[
node distance = 2mm,
  start chain = going right,
 start/.style = {signal, draw=#1, fill=#1!30,
                 text width=32mm, minimum height=28mm, font=\scriptsize,
                 signal pointer angle=150, on chain},
  cont/.style = {start=#1, signal from=west}
                 ]

\node[start=orange] {\bfseries
                     Experimentation\\ Definition \& Supports\\
                     \normalfont
                        \begin{itemize}
                    \item Experimentation suite \& benchmar methodology
                    \item testbeds detailed analysis
                        \end{itemize}   };
\node[cont=olive] {\bfseries
                     Experimentation\\ Definition \& Supports\\
                     \normalfont
                        \begin{itemize}
                    \item Experimentation suite \& benchmar methodology
                    \item testbeds detailed analysis
                        \end{itemize}   };
\node[cont=gray] {\bfseries
                     Experiments execution\\ Analysis \& Benchmark\\[1ex]
                     \hfil
                     \includegraphics[width=22mm]{example-image-a}  };
\end{tikzpicture}
\end{document}

答案2

如果您不介意使用 pure TikZ,您可以从以下位置开始:

\documentclass[tikz,border=2mm]{standalone} 
\usetikzlibrary{positioning, shapes.symbols}

\begin{document}
\begin{tikzpicture}[
    block/.style={signal, text width=3cm, font=\tiny, draw=#1, fill=#1!30, signal pointer angle=140}]

    \node[block=orange] (a) {\textbf{Experimentation}\\\textbf{Definition \& Supports}\\
    \begin{itemize}\item Experimentation suite \& benchmar methodology \item testbeds detailed analysis\end{itemize}};
    \node[block=green, right=2mm of a, signal from=west] (b) {\textbf{Experimentation}\\\textbf{Definition \& Supports}\\
    \begin{itemize}\item Experimentation suite \& benchmar methodology \item testbeds detailed analysis\end{itemize}};
\end{tikzpicture}
\end{document}

在此处输入图片描述

相关内容