如何制作如图所示的表格?

如何制作如图所示的表格?

如何制作如图所示的表格?请帮帮我...

在此处输入图片描述

6月13日 [更新]

到目前为止我得到的是:

\tcbsidebyside[
双色,
colframe=黑色,
colback=蓝色!30!白色,
colbacklow=蓝色!30!白色,
中心,
宽度=7.2厘米,
%title=三角形,
%fonttitle=\bfseries,中心标题,
sidebyside adapt=left, % 方向。
并排间隙=1cm,%柱间距离。
%放下提升的阴影,
放下模糊阴影,
弧度=3mm
]
{
\tcbox[tikznode]{安全\\通道}
%\tcbox[tikznode]{流程\\表}
}
{
\tcbox[tikznode]{组\\表}
%\tcbox[tikznode]{流程\\表}
}

在此处输入图片描述

感谢用户 cfr 的评论。有人有想法制作第二排吗?

答案1

我认为tcolorbox这不是绘制方案的最佳选择。

这是一个纯 TiZ 解决方案。

\documentclass{article} 
\usepackage{tikz}
\usetikzlibrary{matrix, arrows.meta}
\usetikzlibrary{positioning, calc}
\usetikzlibrary{shadows.blur}
\tikzset{
    mynode/.style={
            text width=4em,
            align=center,
            draw,
            thick,
            fill=gray!40,
            inner sep=10pt,
            }
}
\begin{document} 
\begin{tikzpicture}[font=\Large]
    \matrix[
        column sep=5em,
        row sep=7ex,
        thick,
        draw,
        fill=cyan!40,
        matrix of nodes,
        inner sep=24pt,
        nodes={
            mynode,
            anchor=west,
            },
        blur shadow
        ] (mymatr) {
            |[text width=7.5em]|{Secure\\ Channel} &
            {Group\\ table}\\
            {Flow\\ table} &
            {Flow\\ table}\\
            };
    \node[above=16ex of mymatr-1-1, mynode, text width=7.5em, font=\bfseries\Large, blur shadow](contr){Controller};
    \draw[Triangle-Triangle, dashed, very thick] (contr) -- (mymatr-1-1) node[midway, above, fill=white, font=\bfseries\Large]{OpenFlow Protocol};
    \coordinate (m) at ($(mymatr-1-1.east)!.5!(mymatr-1-2.west)$);
    \draw[dashed, thick] (mymatr.west) -| (mymatr.north -| m);
    \coordinate (a) at ($(mymatr-2-1.east)!.33!(mymatr-2-2.west)$);
    \coordinate (b) at ($(mymatr-2-1.east)!.66!(mymatr-2-2.west)$);
    \draw[-Stealth, very thick] (mymatr-2-1.east) -- (a);
    \draw[dashed, very thick] (a) -- (b) node[midway, below=20pt]{PipeLine};
    \draw[-Stealth, very thick] (b) -- (mymatr-2-2.west);
\end{tikzpicture}
\end{document}

在此处输入图片描述

相关内容