简易理解设计模式之:组合模式——实现View中的树状结构

介绍:

组合模式属于结构型模式。将对象组合成树形结构以表示‘部分-整体’的层次结构。组合模式使得用户对单个对象和组合对象的使用具有一致性。

类图:

组合模式UML类图.png

Component(抽象组件角色):为组合中的对象声明接口
Composite(树枝节点):树枝节点有子节点,用来存储子部件
Leaf(叶子节点):叶子节点没有子节点

用法:

• 表示对象的部分-整体层次结构时
• 从一个整体中能够独立出部分模块或功能的场景

个人理解:


树状结构图.png

组合模式本质就是树状结构算法的实现,它强调出部分与整体的层次结构,并且叶子节点和树枝节点都必须实现相同的接口。例如目录结构、文件夹结构、公司组织结构等都是组合模式的一个应用。

例子:

在GUI开发中,有些视图控件可以添加其它子视图(ViewGroup),而有些却不能添加(View)。ViewGroup与View在GUI开发中是很经典也很常用的组合模式。

需求:模拟View的实现

1、模拟View结构的实现(第一版代码)

1.1、创建抽象组件接口

public abstract class View {
    protected List<View> mViews = new ArrayList<>();
    protected String name;
    public View(String name){
        this.name = name;
    }

    public abstract void addView(View view);
    public abstract void removeView(View view);
    public abstract void printViews(String placeholder);
}

定义了三个抽象方法,分别让叶子节点和树枝节点实现该方法。

1.2、创建叶子节点ContentView

public class ContentView extends View {

    public ContentView(String name) {
        super(name);
    }

    @Override
    public void addView(View view) {
        throw new UnsupportedOperationException("不支持此操作");
    }

    @Override
    public void removeView(View view) {
        throw new UnsupportedOperationException("不支持此操作");
    }

    @Override
    public void printViews(String placeholder) {
        System.out.println(placeholder + "--" + name);
    }
}

叶子节点作为整个树状结构的最小单元,并没有添加和删除子View的方法。

1.3、创建树枝节点ViewGroup

public class ViewGroup extends View {

    public ViewGroup(String name) {
        super(name);
    }

    @Override
    public void addView(View view) {
        mViews.add(view);
    }

    @Override
    public void removeView(View view) {
        mViews.add(view);
    }

    @Override
    public void printViews(String placeholder) {
        System.out.println(placeholder + "└──" + name);
        for (View view : mViews) {
            view.printViews(placeholder+ "   ");
        }
    }
}

树枝节点能够删除添加叶子或树枝,实现了添加和删除的方法。

1.4、使用和结果

public class Client {
    public static void main(String[] args) {
        //根节点
        View rootView = new ViewGroup("LinerLayout");

        //第一层-枝干节点
        View frameLayout = new ViewGroup("FrameLayout");

        //第二层-叶子节点
        View button = new ContentView("Button");
        View label = new ContentView("Label");

        //第一层-叶子节点
        View textView = new ContentView("TextView");

        rootView.addView(frameLayout);
        rootView.addView(textView);
        frameLayout.addView(button);
        frameLayout.addView(label);

        rootView.printViews("");
    }
}
└──LinerLayout
   └──FrameLayout
      --Button
      --Label
   --TextView

上面的例子中我们基本实现了需求。我们可以发现,叶子节点不需要添加和删除的方法,却也同样实现了抽象方法。这种方式,将使用的方法放到抽象类中,不管叶子对象还是树枝对象都有相同的结构,成为透明组合模式

2、优化View结构的实现(第二版代码)

在我们使用透明组合模式的时候,我们发现属于叶子节点的ContentView并不需要实现如此多的方法。在组合模式有两种不同的实现,分别为透明组合模式安全组合模式

2.1、优化View

public abstract class View {

    protected String name;

    public View(String name){
        this.name = name;
    }

    public abstract void printViews(String placeholder);

}

抽象方法中,将控制子View的方法放在ViewGorup中。

2.2、优化ContentView

public class ContentView extends View {

    public ContentView(String name) {
        super(name);
    }

    @Override
    public void printViews(String placeholder) {
        System.out.println(placeholder + "--" + name);
    }
}

ContentView只实现自己需要用到的方法。

2.3、优化ViewGroup

public class ViewGroup extends View {

    protected List<View> mViews = new ArrayList<>();

    public ViewGroup(String name) {
        super(name);
    }

    public void addView(View view) {
        mViews.add(view);
    }


    public void removeView(View view) {
        mViews.add(view);
    }

    @Override
    public void printViews(String placeholder) {
        System.out.println(placeholder + "└──" + name);
        for (View view : mViews) {
            view.printViews(placeholder+ "   ");
        }
    }
}

ViewGroup控制了子View的增删操作。

2.4、客户端代码

public class Client {
    public static void main(String[] args) {
        //根节点
        ViewGroup rootView = new ViewGroup("LinerLayout");

        //第一层-枝干节点
        ViewGroup frameLayout = new ViewGroup("FrameLayout");

        //第二层-叶子节点
        ContentView button = new ContentView("Button");
        ContentView label = new ContentView("Label");

        //第一层-叶子节点
        ContentView textView = new ContentView("TextView");

        rootView.addView(frameLayout);
        rootView.addView(textView);
        frameLayout.addView(button);
        frameLayout.addView(label);

        rootView.printViews("");
    }
}

把树枝节点和叶子节点的行为彻底分开,树枝节点单独拥有用来组合的方法,这种方式就是安全组合模式了

总结:

此模式本质就是树状结构,在具有明显的层次结构时使用;组合模式分为安全组合模式透明组合模式,各有特点按实际开发需求斟酌使用。

感谢您的阅读~

转载请注明出处喔://www.greatytc.com/p/b55ddd99dfda

推荐阅读

基础篇:
设计模式前篇之——UML类图必会知识点
设计模式前篇之——一起过一下面向对象的概念
创建型模式:
简易理解设计模式之:简单工厂模式——来试试接入支付功能
简易理解设计模式之:工厂方法模式——数据存储例子
简易理解设计模式之:抽象工厂模式——更换数据库例子
简易理解设计模式之:建造者模式——学习使用“链式调用”
简易理解设计模式之:原型模式——深、浅拷贝的概念
简易理解设计模式之:单例模式——单例模式的几种常用写法
结构型模式:
简易理解设计模式之:适配器模式——Android列表视图控件设计方式
简易理解设计模式之:桥接模式——穿衣服经典案例2
简易理解设计模式之:组合模式——实现View中的树状结构
简易理解设计模式之:装饰模式——穿衣服经典案例
简易理解设计模式之:外观模式——第三方SDK的帮助类
简易理解设计模式之:享元模式——五子棋游戏例子
简易理解设计模式之:代理模式——iOS视图控件设计方式
行为型模式:
简易理解设计模式之:策略模式——优化一下支付功能
简易理解设计模式之:模板方法模式——Android中的BaseActivity基类
简易理解设计模式之:观察者模式——监听与回调
简易理解设计模式之:状态模式——优化登录操作
简易理解设计模式之:备忘录模式——Word文档的工作原理
简易理解设计模式之:迭代器模式——遍历对象的好帮手
简易理解设计模式之:命令模式——实现命令的参数化配置
简易理解设计模式之:责任链模式——OA中请假流程示例
简易理解设计模式之:中介者模式——多人聊天室例子
简易理解设计模式之:解释器模式——语言和文法
简易理解设计模式之:访问者模式——员工考核例子

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345