📄 compositepattern.htm
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="css/stdlayout.css" type="text/css">
<link rel="stylesheet" href="css/print.css" type="text/css">
<meta content="text/html; charset=gb2312" http-equiv="content-type">
<title>Composite 模式</title>
</head>
<body>
<h3><a href="http://caterpillar.onlyfun.net/GossipCN/index.html">From
Gossip@caterpillar</a></h3>
<h1><a href="CppGossip.html">Design Pattern: Composite 模式</a></h1>
如果以绘图为例的话，一个文字是一个绘图元件，一个线段是一个绘图元件，而一个长方形也是一个绘图元件，这些绘图元件可以组成一个图片，如果将这个图片也
视作一个绘图元件，则这么递回绘图下去，就可以组合成一个较大的、复杂的图形元件，这样的目的可以使用Composite模式来解决。<br>
<br>
对于使用者而言，无论是文字、线段或长方形，甚至是组合后的图片元件，它们都拥有一个共同的行为，使用者基本上并不会感觉出它们之间的操作有任何的不同，您可以拖曳、放大、缩小等等，这些行为都是一致的。<br>
<br>
以 UML 来表示上面这个例子的结构： <br>
<div style="text-align: center;"><img style="width: 486px; height: 400px;" alt="Composite" title="Composite" src="images/composite-1.jpg"><br>
</div>
<br>
对于Text、Line与Rectangle而言，Picture是一个容器，然而Picture继承Graphic类，所以它也是一个绘图元件，您可以进一步的将Picture组合至另一个Picture中，以形成较大的、复杂的图形。<br>
<br>
组合模式的UML结构图如下所示： <br>
<div style="text-align: center;"><img style="width: 396px; height: 378px;" alt="Composite" title="Composite" src="images/composite-2.jpg"><br>
<br>
</div>
依此架构，您可以递回的组合图形元件，例如：<br>
<div style="text-align: center;"><img style="width: 305px; height: 167px;" alt="Composite" title="Composite" src="images/composite-3.jpg"><br>
</div>
<br>
除了绘图元件之外，一些具有层次性或组合性的物件也可以使用Composite模式，像是电路元件、设备元件等等，使用Composite模式可以大大减低这些元件设计的复杂度。<br>
<br>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -