装饰者模式及其应用

忘是亡心i 2022-07-21 01:15 114阅读 0赞

> 我的公众号程序员徐公，四年中大厂工作经验，回复黑马，领取 Android 学习视频一份，回复徐公666，可以获得我精心整理的简历模板，带你走近大厂。

## 前言 ##

**前几天看了鸿洋大神的 Android 优雅的为RecyclerView添加HeaderView和FooterView，发现装饰者模式 在某些情况下是设计得如此优雅，现在总结如下：**

### 本篇博客主要讲解一下几个问题 ###

1.  什么 是装饰者模式
2.  怎样实现装饰者模式
3.  装饰者模式的优缺点
4.  装饰者模式在Android中的应用

**关于观察者设计模式的，可以参考我的这篇博客[ 观察者设计模式 Vs 事件委托（java）][_ Vs _java]**

**转载请注明[原博客地址：][Link 1] http://blog.csdn.net/gdutxiaoxu/article/details/51885105**

**[Demo下载地址：][Demo]https://github.com/gdutxiaoxu/Sample\_BaseRecyclerAdapter.git**

**觉得不错的可以关注一下我的微信公众号哦，定时发布干货**  
![550f0445438208bb111d4ff4f5490aa4.png][]

--------------------

## 什么是装饰者模式 ##

### 应用场景 ###

咖啡店里咖啡中可以加不同的配料–摩卡、牛奶、糖、奶泡；不同的饮品加上不同的配料有不同的价钱，怎样实现呢？

可能你的第一印象会想到使用继承，

1.  首先定义一个咖啡基类
2.  对于加糖的，加牛奶的，加摩卡的 ，加奶泡的，分别写一个子类继承
3.  对于加糖，又加奶的写一个类，对于对于加糖，又摩卡的写一个类，对于对于加糖、又奶泡的写一个类，对于加糖，又加奶、摩卡的写一个类----

**说到这里，你会发现这里四种配料就要写十几种实现类了，那如果我们的配料是二十几种或者三十几种呢，那么使用继承这种 方式肯定会使我们的子类爆炸，那要怎样解决你，答案就是使用装饰者模式**

### 定义 ###

我觉得装饰者模式是在已有功能的基础之上，动态地添加更多 功能的一种方式，这些新加的代码装饰了原有类的 核心职责或主要行为。

### 类UML图 ###

![e0071a8c84b2432cda964f4d45a306bd.png][]

### 效果图 ###

![4f5f0306cbd81d0eef6a0cbeb0a18d6c.gif][]

## 怎样实现装饰者模式呢？ ##

### 首先我们先来看一下我们的设计类图 ###

![9ff4666be5c61acf892896cd88aacac4.png][]

*  1.  首先我们定义一个Coffce基类

/** * @ explain:这里Coffee相当于我们的Component， * 是要装饰的类 * * @ author：xujun on 2016/7/10 23:16 * @ email：gdutxiaoxu@163.com */
    public abstract class Coffee { 
    
        /** * * @return 返回价格 */
        public abstract int getPrice();
    
        /** * 返回名字 * @return */
        public abstract String getName();
    }

*  2） 接着 我们定义一个Decorator类继承 我们的Coffice基类

/** * @ explain: * @ author：xujun on 2016/7/10 23:21 * @ email：gdutxiaoxu@163.com */
    public abstract class Decorator extends Coffee{ 
    
        protected Coffee mCoffee;
    
        /** * 通过组合的方式把Coffee对象传递进来 * @param coffee */
        public Decorator(Coffee coffee){ 
            mCoffee=coffee;
        }
    }

*  3）接下来我们来看我们的子类是怎样实现的

public class MilkDecorator extends Decorator { 
    
        /** * 通过组合的方式把Coffee对象传递进来 * * @param coffee */
        public MilkDecorator(Coffee coffee) { 
            super(coffee);
        }
    
        @Override
        public int getPrice() { 
            return mCoffee.getPrice()+10;
        }
    
        @Override
        public String getName() { 
            return "addMilk";
        }
    }

**其实核心代码就下面一行,在原来的价格加上 加牛奶的价格**

return mCoffee.getPrice()+10

*  4)接下来不难想象加糖，就奶泡。就摩卡的操作,都是在原来的之上加上配料的价格

return mCoffee.getPrice()+2;
    return mCoffee.getPrice()+15;
    return mCoffee.getPrice()+20;

### 总结 ###

以后你想要计算加糖，就牛奶,加奶泡的咖啡的价格，只需要这样

mCoffee = new SimpleCoffee();
    mCoffee = new SugarDecorator(mCoffee);
    mCoffee = new MilkDecorator(mCoffee);
    mCoffee = new MilkFoamDecorator(mCoffee);
    int price1 = mCoffee.getPrice();
    System.out.println("price1="+price1);

以后你想要计算加糖，就牛奶咖啡的价格，只需要这样

mCoffee = new SimpleCoffee();
    mCoffee = new SugarDecorator(mCoffee);
    mCoffee = new MilkDecorator(mCoffee);
    
    int price1 = mCoffee.getPrice();
    System.out.println("price1="+price1);

## 装饰者模式的优缺点 ##

### 优点 ###

*  把类中的装饰功能从类中搬除，可以简化原来的类
 *  可以把类的 核心职责和装饰功能区分开来，结构清晰 明了并且可以去除相关类的重复的装饰逻辑。

--------------------

## 装饰者模式在Android中的应用 ##

### 效果图 ###

![598893e89ec35e63a1c71d398ba8a3d3.gif][]  
**前面已经说到，之所以学习装饰者设计模式，是因为看到 鸿洋大神的 博客[Android 优雅的为RecyclerView添加HeaderView和FooterView][Android _RecyclerView_HeaderView_FooterView]**

*  下面我们来看一下我们是如何 优雅的为RecyclerView添加HeaderView和FooterView

/** * 博客地址：http://blog.csdn.net/gdutxiaoxu * @author xujun * @time 2016/7/7 17:29. */
    public class HeaderAndFooterWrapper<T> extends RecyclerView.Adapter<RecyclerView.ViewHolder> { 
        private static final int BASE_ITEM_TYPE_HEADER = 100000;
        private static final int BASE_ITEM_TYPE_FOOTER = 200000;
    
        private SparseArrayCompat<View> mHeaderViews = new SparseArrayCompat<>();
        private SparseArrayCompat<View> mFootViews = new SparseArrayCompat<>();
    
        private RecyclerView.Adapter mInnerAdapter;
    
        public HeaderAndFooterWrapper(RecyclerView.Adapter adapter) { 
            mInnerAdapter = adapter;
        }
    
        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
            if (mHeaderViews.get(viewType) != null) { 
                ViewHolder holder = ViewHolder.createViewHolder(parent.getContext(), mHeaderViews.get
                        (viewType));
                return holder;
    
            } else if (mFootViews.get(viewType) != null) { 
                ViewHolder holder = ViewHolder.createViewHolder(parent.getContext(), mFootViews.get
                        (viewType));
                return holder;
            }
            return mInnerAdapter.onCreateViewHolder(parent, viewType);
        }
    
        @Override
        public int getItemViewType(int position) { 
            if (isHeaderViewPos(position)) { 
                return mHeaderViews.keyAt(position);
            } else if (isFooterViewPos(position)) { 
                return mFootViews.keyAt(position - getHeadersCount() - getRealItemCount());
            }
            return mInnerAdapter.getItemViewType(position - getHeadersCount());
        }
    
        private int getRealItemCount() { 
            return mInnerAdapter.getItemCount();
        }
    
        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { 
            if (isHeaderViewPos(position)) { 
                return;
            }
            if (isFooterViewPos(position)) { 
                return;
            }
            mInnerAdapter.onBindViewHolder(holder, position - getHeadersCount());
        }
    
        @Override
        public int getItemCount() { 
            return getHeadersCount() + getFootersCount() + getRealItemCount();
        }
    
        @Override
        public void onAttachedToRecyclerView(RecyclerView recyclerView) { 
            WrapperUtils.onAttachedToRecyclerView(mInnerAdapter, recyclerView, new WrapperUtils .SpanSizeCallback() { 
                @Override
                public int getSpanSize(GridLayoutManager layoutManager, GridLayoutManager .SpanSizeLookup oldLookup, int position) { 
                    int viewType = getItemViewType(position);
                    if (mHeaderViews.get(viewType) != null) { 
                        return layoutManager.getSpanCount();
                    } else if (mFootViews.get(viewType) != null) { 
                        return layoutManager.getSpanCount();
                    }
                    if (oldLookup != null)
                        return oldLookup.getSpanSize(position);
                    return 1;
                }
            });
        }
    
        @Override
        public void onViewAttachedToWindow(RecyclerView.ViewHolder holder) { 
            mInnerAdapter.onViewAttachedToWindow(holder);
            int position = holder.getLayoutPosition();
            if (isHeaderViewPos(position) || isFooterViewPos(position)) { 
                WrapperUtils.setFullSpan(holder);
            }
        }
    
        private boolean isHeaderViewPos(int position) { 
            return position < getHeadersCount();
        }
    
        private boolean isFooterViewPos(int position) { 
            return position >= getHeadersCount() + getRealItemCount();
        }
    
        public void addHeaderView(View view) { 
            mHeaderViews.put(mHeaderViews.size() + BASE_ITEM_TYPE_HEADER, view);
        }
    
        public void addFootView(View view) { 
            mFootViews.put(mFootViews.size() + BASE_ITEM_TYPE_FOOTER, view);
        }
    
        public int getHeadersCount() { 
            return mHeaderViews.size();
        }
    
        public int getFootersCount() { 
            return mFootViews.size();
        }
    
    }

*  接着我们来看一下我们是如何使用它的？

mAdapter = new SinglePersonAdapter(this, mDatas, R.layout.main_chat_from_msg);
    mHeaderAndFooterWrapper=new HeaderAndFooterWrapper(mAdapter);
    
    TextView t1 = new TextView(this);
    t1.setPadding(10,10,10,10);
    t1.setBackgroundColor(Color.GRAY);
    t1.setText("Header 1");
    TextView t2 = new TextView(this);
    t2.setText("Header 2");
    t2.setPadding(10,10,10,10);
    t2.setBackgroundColor(Color.GRAY);
    mHeaderAndFooterWrapper.addHeaderView(t1);
    mHeaderAndFooterWrapper.addHeaderView(t2);
    mRecyclerView.setAdapter(mHeaderAndFooterWrapper);

**是不是很简单，只需要简单的几行代码，就能在原有Adapter的基础之上添加headerView或者Foot而View，具体的代码分析请见鸿洋大神的 博客[Android 优雅的为RecyclerView添加HeaderView和FooterView][Android _RecyclerView_HeaderView_FooterView]**

**参考文章[Android 优雅的为RecyclerView添加HeaderView和FooterView][Android _RecyclerView_HeaderView_FooterView]**

--------------------

## 相关推荐 ##

[Android 启动优化（一） - 有向无环图][Android _ -]

[Android 启动优化（二） - 拓扑排序的原理以及解题思路][Android _ - 1]

[Android 启动优化（三）- AnchorTask 开源了][Android _- AnchorTask]

[Android 启动优化（四）- AnchorTask 是怎么实现的][Android _- AnchorTask 1]

[Android 启动优化（五）- AnchorTask 1.0.0 版本正式发布了][Android _- AnchorTask 1.0.0]

[Android 启动优化（六）- 深入理解布局优化][Android _-]

这篇文章,加上一些 Demo，足足花了我几个晚上的时间，觉得不错的话可以关注一下我的微信公众号**程序员徐公**，小弟在此感谢各位大佬们。主要分享

1.  Android 开发相关的知识，包括 java，kotlin， Android 技术
2.  面试相关的东西，包括常见的面试题目，面试经验分享
3.  算法相关的知识，比如怎么学习算法，leetcode 常见算法总结
4.  一些时事点评，主要是关于互联网的，比如小米高管屌丝事件，拼多多女员工猝死事件等

源码地址：https://github.com/gdutxiaoxu/AnchorTask

![550f0445438208bb111d4ff4f5490aa4.png][]

[_ Vs _java]: http://blog.csdn.net/gdutxiaoxu/article/details/51824769
[Link 1]: http://blog.csdn.net/gdutxiaoxu/article/details/51885105
[Demo]: https://github.com/gdutxiaoxu/Sample_BaseRecyclerAdapter.git
[550f0445438208bb111d4ff4f5490aa4.png]: /images/20220720/96bc9a74406e42d58509d113c2c36f96.png
[e0071a8c84b2432cda964f4d45a306bd.png]: /images/20220720/b66c0179f45e4b8a971c7b0f77c62cb1.png
[4f5f0306cbd81d0eef6a0cbeb0a18d6c.gif]: /images/20220720/86c0fabb26094c61b4138da9e2bb1cac.png
[9ff4666be5c61acf892896cd88aacac4.png]: /images/20220720/1cc46178795a45b3811d8b629231c6b8.png
[598893e89ec35e63a1c71d398ba8a3d3.gif]: /images/20220720/29aa137a05824841a019ce14e028d466.png
[Android _RecyclerView_HeaderView_FooterView]: http://blog.csdn.net/lmj623565791/article/details/51854533
[Android _ -]: https://mp.weixin.qq.com/s/xWYe-uxgXTPuitYcLgXYNg
[Android _ - 1]: https://mp.weixin.qq.com/s/ShfxD_Z7M_NuWYNodn-vqA
[Android _- AnchorTask]: https://mp.weixin.qq.com/s/YRUpf9jKEwIHV0A4FqltXg
[Android _- AnchorTask 1]: https://mp.weixin.qq.com/s/6RKco9JTm6ZrFyw99k9Rlg
[Android _- AnchorTask 1.0.0]: https://mp.weixin.qq.com/s/0MsJa0ZepWkPUs-ymnVb-w
[Android _-]: https://mp.weixin.qq.com/s/7_dQd2wGZYKWf9kHNlv2fg