What is the Composite Design Pattern?

Göksu Deniz
7 min readFeb 5, 2023

--

Image is created by DALL-E 2 AI

Composite design pattern is a structural pattern that allows creating hierarchical structures, where an object can be either a leaf node or a composite node. Leaf nodes are objects that cannot contain other objects and composite nodes can have children and can delegate their operations to their children. The goal of this pattern is to treat objects uniformly, whether they are individual objects or composed of many objects. This pattern is useful for representing tree-like structures, such as a file system, where directories (composites) can contain files (leaves) and other directories.

Imagine you have a bunch of toys that you want to play with. Some of the toys, like a ball or a car, are simple and don’t have any smaller pieces. These are like the leaf nodes in the composite design pattern.

But other toys, like a building block set or a puzzle, are made up of smaller pieces. These are like the composite nodes. They have parts that can be separated and played with on their own, but they also work together to make a bigger toy.

The composite design pattern helps us treat these different types of toys in a similar way, so that we can play with them all the same way, no matter if they are a simple toy or a more complex toy made up of smaller pieces.

Here’s an example of the toy sample implemented in C#:

using System;
using System.Collections.Generic;

abstract class Toy
{
public string Name { get; set; }
public abstract void Play();
}

class Ball : Toy
{
public override void Play()
{
Console.WriteLine($"Playing with the {Name}");
}
}

class Puzzle : Toy
{
private List<Toy> _pieces = new List<Toy>();

public override void Play()
{
Console.WriteLine($"Playing with the {Name}");
foreach (Toy piece in _pieces)
{
piece.Play();
}
}

public void AddPiece(Toy piece)
{
_pieces.Add(piece);
}
}

class Program
{
static void Main(string[] args)
{
Ball ball = new Ball { Name = "Ball" };
Puzzle puzzle = new Puzzle { Name = "Puzzle" };
puzzle.AddPiece(ball);
puzzle.AddPiece(new Ball { Name = "Small Ball" });

ball.Play();
puzzle.Play();
}
}

In this code, the Toy abstract class defines a Play method that all toys must implement. The Ball class is a simple toy and the Puzzle class is a composite toy that can contain other toys. The Main method creates a ball and a puzzle, adds two balls to the puzzle, and then plays with both the ball and the puzzle. When the puzzle is played with, it delegates the Play call to its pieces.

Here are a few real-world examples where the composite pattern can be applied:

  1. UI component hierarchy: In GUI development, the composite pattern can be used to build a hierarchy of UI components such as windows, buttons, and text fields. This allows for complex user interfaces to be created and managed in a structured and easily maintainable way.
  2. Document editor: A document editor can use the composite pattern to model documents made up of paragraphs, images, and tables. The document is a composite object, while the paragraphs, images, and tables are leaf objects. This makes it possible to manipulate the entire document or individual components of the document in a unified manner.
  3. File System: The file system in an operating system can be modeled as a tree structure where the composite pattern is used to represent the directories and files. Directories can be composite objects that contain other directories and files, while files are leaf objects. This allows for a unified way of managing the file system, whether it’s a single file or an entire directory tree.
  4. Shape hierarchy: In graphics software, the composite pattern can be used to model a hierarchy of shapes such as lines, circles, and polyggon. The shapes can be treated as composite objects, allowing for complex drawings to be created and manipulated in a structured and easily maintainable way.

These are just a few examples of how the composite pattern can be applied in the real world. The key idea behind the pattern is to provide a unified interface for objects that may be either individual components or composites of many components.

Here’s an example of the shape hierarchy sample implemented in C#:

using System;
using System.Collections.Generic;

abstract class Shape
{
public string Name { get; set; }
public abstract void Draw();
}

class Line : Shape
{
public override void Draw()
{
Console.WriteLine($"Drawing the {Name}");
}
}

class Circle : Shape
{
public override void Draw()
{
Console.WriteLine($"Drawing the {Name}");
}
}

class Polygon : Shape
{
private List<Shape> _shapes = new List<Shape>();

public override void Draw()
{
Console.WriteLine($"Drawing the {Name}");
foreach (Shape shape in _shapes)
{
shape.Draw();
}
}

public void AddShape(Shape shape)
{
_shapes.Add(shape);
}
}

class Program
{
static void Main(string[] args)
{
Line line = new Line { Name = "Line" };
Circle circle = new Circle { Name = "Circle" };
Polygon polygon = new Polygon { Name = "Polygon" };
polygon.AddShape(line);
polygon.AddShape(circle);

line.Draw();
circle.Draw();
polygon.Draw();
}
}

In this code, the Shape abstract class defines a Draw method that all shapes must implement. The Line and Circle classes are simple shapes, while the Polygon class is a composite shape that can contain other shapes. The Main method creates a line, a circle, and a polygon, adds the line and the circle to the polygon, and then draws all the shapes. When the polygon is drawn, it delegates the Draw call to its contained shapes.

Let’s take a look at a more complex scenario where a company wants to manage its employees, departments, and the company as a whole. The company can be viewed as a composite object that contains departments, while departments are composites that contain employees, who are leaf objects.

Here’s an example of how you can implement this scenario in C#:

using System;
using System.Collections.Generic;

abstract class Component
{
protected string Name { get; set; }

public abstract void Add(Component component);
public abstract void Remove(Component component);
public abstract void Display(int depth);
}

class Leaf : Component
{
public Leaf(string name)
{
Name = name;
}

public override void Add(Component component)
{
Console.WriteLine("Cannot add to a leaf");
}

public override void Remove(Component component)
{
Console.WriteLine("Cannot remove from a leaf");
}

public override void Display(int depth)
{
Console.WriteLine(new String('-', depth) + Name);
}
}

class Composite : Component
{
private List<Component> _children = new List<Component>();

public Composite(string name)
{
Name = name;
}

public override void Add(Component component)
{
_children.Add(component);
}

public override void Remove(Component component)
{
_children.Remove(component);
}

public override void Display(int depth)
{
Console.WriteLine(new String('-', depth) + Name);

foreach (Component component in _children)
{
component.Display(depth + 2);
}
}
}

class Program
{
static void Main(string[] args)
{
Composite root = new Composite("Company");
root.Add(new Leaf("Employee A"));
root.Add(new Leaf("Employee B"));

Composite financeDepartment = new Composite("Finance");
financeDepartment.Add(new Leaf("Employee C"));
financeDepartment.Add(new Leaf("Employee D"));
root.Add(financeDepartment);

Composite marketingDepartment = new Composite("Marketing");
marketingDepartment.Add(new Leaf("Employee E"));
marketingDepartment.Add(new Leaf("Employee F"));
root.Add(marketingDepartment);

root.Display(1);
}
}

In this code, the Component abstract class defines the basic operations for adding, removing, and displaying components in a composite structure. The Leaf class represents the leaf objects (employees) in the composite, while the Composite class represents composite objects (departments and the company). The Main method creates a Composite object for the company, adds employees and departments to it, and then displays the composite structure. The Display method is called recursively on all components in the composite, which allows for the entire composite structure to be displayed in a uniform manner.

Disadvantages

The Composite design pattern is a powerful tool for building complex object structures, but like any design pattern, it has its own set of disadvantages:

  1. Increased complexity: The Composite design pattern can increase the complexity of a system, especially if the objects in the composite structure have complex relationships with each other.
  2. Difficult to change: If the structure of the composite objects changes frequently, it can be difficult to make changes to the system using the Composite pattern.
  3. Performance overhead: The Composite pattern can lead to a performance overhead, especially when traversing the composite structure to perform operations on its components.
  4. Design constraints: The Composite pattern can introduce design constraints, such as the need for consistent behavior across all components in the composite structure.
  5. Implementation difficulties: Implementing the Composite pattern correctly can be challenging, especially for inexperienced developers. The implementation of the pattern requires a solid understanding of the relationships between objects in the composite structure.

However, despite these disadvantages, the Composite design pattern is still a useful tool for building complex object structures and should be used in appropriate situations.

Conclusion

In conclusion, the Composite design pattern is a structural pattern that allows developers to build complex object structures by composing objects into a tree-like structure. The pattern provides a uniform interface for operating on objects in the composite structure, whether they are simple leaf objects or complex composite objects.

The Composite design pattern is useful in a variety of scenarios where a tree-like structure of objects is required, such as building a graphical user interface, modeling a company’s organizational structure, or representing a file system.

However, the pattern also has some disadvantages, such as increased complexity, difficulty in making changes, performance overhead, design constraints, and implementation difficulties. Despite these drawbacks, the Composite pattern is a powerful tool for building complex object structures and should be used in appropriate situations.

Thanks for reading! If you found the article helpful, you can clap and follow. So you will notified of new articles.

# Reference

It was created with the help of ChatGPT AI.

--

--

Göksu Deniz

Software Engineer, passionate about creating efficient solutions. Skilled in mentoring teams to deliver successful projects. Always exploring new tech trends.