实现树状结构_组合模式 - 树状结构的优雅实现

在编程实践中，经常会遇到树状结构的场景，比如我们的浏览器窗口，比如文件系统。

那么，在处理树状结构的时候有什么较好的方式呢？

现在，我们就来学习一种利用组合模式的方法。

如上图所示，我们通过程序输出的方式模拟窗口渲染的过程。

下面直接上代码，首先定义一个接口，所有的组件都需要实现这个接口。

public interface ViewTree {
 void draw();
}

定义窗口类：

public class TreeWindow implements ViewTree {

 private String windowName;

 private List<ViewTree> subTree;

 public TreeWindow(String windowName) {
 this.subTree = new ArrayList<>();
 this.windowName = windowName;
    }

 @Override
 public void draw() {
        System.out.println("开始渲染：WinForm("+windowName+")");
 for (ViewTree viewTree : subTree){
            viewTree.draw();
        }
    }

 public void addSub(ViewTree viewTree){
        subTree.add(viewTree);
    }
}

定义图片组件类：

public class TreePicture implements ViewTree {

    private String pictureName;

    public TreePicture(String pictureName) {
        this.pictureName = pictureName;
    }

    @Override
    public void draw() {
        System.out.println("开始渲染：Picture("+pictureName+")");
    }
}

定义Botton组件类：

public class TreeButton implements ViewTree {

 private String buttonName;

 public TreeButton(String buttionName) {
 this.buttonName = buttionName;
    }

 @Override
 public void draw() {
        System.out.println("开始渲染：Buttion("+ buttonName +")");
    }
}

定义Frame组件类：

public class TreeFrame implements ViewTree {

 private String frameName;

 private List<ViewTree> subTree;

 public TreeFrame(String frameName) {
 this.frameName = frameName;
 this.subTree = new ArrayList<>();
    }

 @Override
 public void draw() {
        System.out.println("开始渲染：Frame("+ frameName +")");
 for (ViewTree viewTree : subTree){
            viewTree.draw();
        }
    }

 public void addSub(ViewTree viewTree){
        subTree.add(viewTree);
    }
}

定义Lable组件类：

public class TreeLable implements ViewTree {

 private String lableName;

 public TreeLable(String lableName) {
 this.lableName = lableName;
    }

 @Override
 public void draw() {
        System.out.println("开始渲染：Lable("+ lableName +")");
    }
}

定义TextBox组件类：

public class TreeTextBox implements ViewTree {

 private String textBoxName;

 public TreeTextBox(String textBoxName) {
 this.textBoxName = textBoxName;
    }

 @Override
 public void draw() {
        System.out.println("开始渲染：TextBox("+ textBoxName +")");
    }
}

定义PasswordBox组件类：

public class TreePasswordBox implements ViewTree {

 private String passwordBoxName;

 public TreePasswordBox(String passwordBoxName) {
 this.passwordBoxName = passwordBoxName;
    }

 @Override
 public void draw() {
        System.out.println("开始渲染：PasswordBox("+ passwordBoxName +")");
    }
}

定义CheckBox组件类：

public class TreeCheckBox implements ViewTree {

 private String checkBoxName;

 public TreeCheckBox(String checkBoxName) {
 this.checkBoxName = checkBoxName;
    }

 @Override
 public void draw() {
        System.out.println("开始渲染：CheckBox("+ checkBoxName +")");
    }
}

定义LinkLable组件类：

public class TreeLinkLable implements ViewTree {

 private String linkLableName;

 public TreeLinkLable(String linkLableName) {
 this.linkLableName = linkLableName;
    }

 @Override
 public void draw() {
        System.out.println("开始渲染：LinkLable("+ linkLableName +")");
    }
}

最后定义Main类，组装窗口：

public class Main {
 public static void main(String[] args){
 //初始化窗口
        TreeWindow window = new TreeWindow("WINDOW窗口");

 //window添加组件
        TreePicture picture = new TreePicture("LOGO图片");
        TreeButton login = new TreeButton("登录");
        TreeButton register = new TreeButton("注册");
        TreeFrame frame = new TreeFrame("FRAME1");
        window.addSub(picture);
        window.addSub(login);
        window.addSub(register);
        window.addSub(frame);

 //frame添加组件
        TreeLable userNameLable = new TreeLable("用户名");
        TreeTextBox userNameBox = new TreeTextBox("文本框");
        TreeLable passwordLable = new TreeLable("密码");
        TreePasswordBox passwordBox = new TreePasswordBox("密码框");
        TreeCheckBox checkBox = new TreeCheckBox("复选框");
        TreeTextBox rememberUserNameBox = new TreeTextBox("记住用户名");
        TreeLinkLable linkLable = new TreeLinkLable("忘记密码");
        frame.addSub(userNameLable);
        frame.addSub(userNameBox);
        frame.addSub(passwordLable);
        frame.addSub(passwordBox);
        frame.addSub(checkBox);
        frame.addSub(rememberUserNameBox);
        frame.addSub(linkLable);

 //开始渲染
        window.draw();
    }
}

控制台输入：

开始渲染：WinForm(WINDOW窗口)
开始渲染：Picture(LOGO图片)
开始渲染：Buttion(登录)
开始渲染：Buttion(注册)
开始渲染：Frame(FRAME1)
开始渲染：Lable(用户名)
开始渲染：TextBox(文本框)
开始渲染：Lable(密码)
开始渲染：PasswordBox(密码框)
开始渲染：CheckBox(复选框)
开始渲染：TextBox(记住用户名)
开始渲染：LinkLable(忘记密码)

好了，关于利用组合模式优雅的实现树状结构的全部内容就到这里结束了，感谢阅读。