如何绘制两个重叠的矩形？

Question

我正在为编程设计课程制作交互图。对于对象集，我需要绘制重叠的矩形，大致如下：

有一个发布重叠填充这看起来非常接近我想要的，但我不知道如何使用其他矩形的样式。

这是我所拥有的最小版本：

\documentclass{article}

\usepackage{amssymb}
\usepackage{tikz}
\usetikzlibrary{positioning}

\title{Interaction Diagram - Add Book}
\author{}

\begin{document}

\begin{center}
\begin{tikzpicture}[
  auto,
  block/.style = {
    minimum width = 9em,
    rectangle,
    draw=black,
    align=center,
    rounded corners
  }
]
\node[block, below = 2cm of start]      (controller) {\underline{: SystemController}};
\node[block, below = 2cm of controller] (system)     {\underline{: System}}; 

% the following line should be the doubled up rectangles.
\node[block, below = 2cm of system] (books) {Books};

\end{tikzpicture}
\end{center}
\end{document}

Answer 1

我认为，实际上你喜欢这样的东西：

或者

或者

对于最后一张图片我使用以下代码：

\documentclass[tikz,
               border= 3mm]{standalone}
\usetikzlibrary{positioning,shadows}

\begin{document}
\begin{tikzpicture}[
book/.style = {rectangle, draw, rounded corners, fill= white, 
               text width=9em, align= center,
               copy shadow={draw, fill=gray, 
                            shadow xshift=0.5mm, shadow yshift=-0.5mm}
               }
                    ] 
\node[book] (books) {Books};
\end{tikzpicture}
\end{document}

在代码中我使用 TikZ 库shadows。

Answer 2

这是不使用 的一种方法tikz。\rule的尺寸和第一个参数\stackengine将允许不同的盒子大小和偏移量。

在本例中，方框为 30pt x 30pt，水平偏移为 4pt，垂直偏移为 3pt。方框线粗细为默认\fboxrule。

\documentclass[12pt]{article}
\usepackage{xcolor,stackengine}
\fboxsep=-\fboxrule
\begin{document}
\stackengine{3pt}{\rule{4pt}{0pt}\fbox{\textcolor{white}{\rule{30pt}{30pt}}}}
  {\fbox{\textcolor{white}{\rule{30pt}{30pt}}}}
  {O}{l}{F}{F}{L}
\end{document}