解耦解的早，改需求沒煩惱

時間 2019-11-22

標籤需求煩惱欄目快樂工作简体版

原文原文鏈接

摘要

世上本沒有解耦，需求改的多了也便有了解耦。 —— 產品經理java

本例將經過一個計時控件，聊聊如何解耦~git

本TimerView僅做爲demo，不保證其健壯性，請勿在實際項目中使用。github

特色

UI容器與計時邏輯分離
UI容器與具體UI佈局分離

源碼

github.com/fashare2015…ide

Let's Go

話說，小明在作一個電商項目，有個倒計時需求。svg

需求1.0

要求"時、分、秒"數字顯示。佈局

這個簡單，小明很快自定義了一個TimerView:spa

public class TimerView {
    TextView tvHour, tvMinute, tvSecond;
    TextView divider1, divider2;
    ...
}複製代碼

需求2.0

界面太醜啦，加點顏色和背景吧~設計

這個也簡單，小明很快加了一些自定義屬性：3d

public class TimerView {
    TextView tvHour, tvMinute, tvSecond;
    TextView divider1, divider2;

    // 添加 自定義屬性
    int tvHourBgRes, tvMinuteBgRes, tvSecondBgRes;
    int tvHourColor, tvMinuteColor, tvSecondColor;
    ...
}複製代碼

需求3.0

這時，產品經理又跑了過來，你看我發現了啥~code

發現一套火焰數字.jpg，好炫酷的說，幫忙改上去吧~

小明心裏：你TM有病啊！！！

你發現了麼，這下小明把本身帶到溝裏了。新需求要求顯示火焰數字圖片(ImageView)。
然而，因爲TimerView由TextView構成，再怎麼自定義屬性也實現不了新需求(ImageView)了。
說的就是你呀：github.com/iwgang/Coun…

分析

爲啥會這樣呢？由於一開始就設計緊耦合了。
TimerView依賴了具體子類TextView，功能也就被侷限在TextView了。
那咱們只需這麼調整一下，把TextView改爲更抽象的View。
這樣一來tvHour既能夠是TextView，也能夠是ImageView，或者某個ViewGroup，功能得以拓展：

public class TimerView {
    //TextView tvHour, tvMinute, tvSecond;
    View tvHour, tvMinute, tvSecond;
    //TextView divider1, divider2;
    View divider1, divider2;

    // 自定義屬性也不用了，由於沒法肯定 tvHour 這些到底是啥子類。
    //int tvHourBgRes, tvMinuteBgRes, tvSecondBgRes;
    //int tvHourColor, tvMinuteColor, tvSecondColor;
    ...
}複製代碼

這也體現了軟件設計的一大原則：要依賴抽象(View)而不要依賴具體(TextView)。

依賴注入

還有一個問題：tvHour到底是啥呢，這個得由用戶決定。
一般咱們會提供一系列setXXX()方法給用戶進行設置。這個套路叫作依賴注入。
依賴注入是解耦的一種常見的方式。一般，當你有沒法肯定的一些東西，都應該拋給用戶決定。
舉個例子，View被點擊時，設計者不知道你想幹嗎，因而設計了View.setOnClickListener()。這是典型的依賴注入。

好了，ImageView能夠支持了，然而對於界面更新ImageView和TextView確定是不同的。
該怎麼更新又沒法肯定了，咱們能夠再次用依賴注入的方式解耦，把難題拋給用戶。
所以，我設計了相似Adapter的東西，都在代碼裏，就不詳細展開了。