組件化的原因
近年來，隨著手機性能的提高。Web頁面也變的更加流暢，用戶體驗也逼近原生。而Web以他快速適應(yīng)變化的特點，對原生的App開發(fā)沖擊很大。各種混合開發(fā)框架也如雨后春筍般冒出。而就目前來看原生App憑借速度優(yōu)勢仍然占據(jù)開發(fā)的主流。但是，隨著技術(shù)的進(jìn)步Web的優(yōu)勢將更加明顯。他可以快速適應(yīng)變化，可以根據(jù)需求隨時變動。原生App變的愈發(fā)困難。當(dāng)然，熱更新的應(yīng)用也使得原生App變的相對靈活。但是對于頁面結(jié)構(gòu)的調(diào)整，模塊的大的變動還是顯得力不從心。如果原生App也可以如Web那樣隨意調(diào)整頁面結(jié)構(gòu)。那樣既可以可變又不失體驗。這樣就要求我們以一種新的模式去開發(fā)－組件化開發(fā)。
當(dāng)前模式的探索
當(dāng)前App開發(fā)使用的框架基本都是MVP。從MVC到MVP為了釋放頁面邏輯。我們將數(shù)據(jù)交互都從頁面中摘除。頁面來負(fù)責(zé)數(shù)據(jù)的展示和用戶操作。隨著頁面展示的樣式增加和對頁面展示可變行的要求，MVP模式也同樣使得頁面變得冗長而難以調(diào)整。以汽車制造為類。MVP就相當(dāng)于生產(chǎn)功能零件和組裝在一個車間完成?，F(xiàn)在需要進(jìn)一步的簡化和提取。需要將功能零件的生產(chǎn)從頁面中拿走。頁面變成一個組裝車間，只是用適合的零件造出合適的車子。這樣讓功能進(jìn)一步細(xì)化。頁面更加的干凈整潔也更加的清晰，頁面可以根據(jù)不同需求去拿到不同的零件展示不同的功能。那么如何生產(chǎn)零件以及如何拼裝頁面呢。也就是如何實現(xiàn)頁面的組件化。
具體的實現(xiàn)
通過上面的啰里八嗦，下面我們進(jìn)入正題。我們都知道頁面的拼湊有兩種一種是靜態(tài)添加，一種是動態(tài)生成。我們平常使用的大都是靜態(tài)xml書寫，那么組件化就需要動態(tài)添加。我們對一個零件的要求就是，1.有什么功能。2.怎么用。組件提供一個視圖（view）和一份使用說明書。頁面根據(jù)需求去添加。下面我們看一下具體的效果。
代碼實現(xiàn)banner
public class BannerActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_banner);
LinearLayout linearLayout = (LinearLayout) findViewById(R.id.ll_bannerContainer);
BannerViewModel bannerViewModel = new BannerViewModel(this, BannerConfig.CENTER);//添加banner組件一
LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
layoutParams.topMargin = 100;
linearLayout.addView(bannerViewModel.getView(), layoutParams);
BannerViewModel bannerViewModel2 = new BannerViewModel(this, BannerConfig.LEFT);//添加banner組件二
linearLayout.addView(bannerViewModel2.getView(), layoutParams);
} }
上面就是banner頁面的拼湊一個組件根據(jù)類型不同展示不同的樣子和體現(xiàn)不同的功能。當(dāng)然，組件也不依賴于特定頁面可以在多個頁面復(fù)用提高代碼的可維護(hù)性。也便于整體置換。這是一個簡單的應(yīng)用上面的登錄頁面也是組裝的，當(dāng)然復(fù)雜的頁面也是可以組裝的。目前這種模式已經(jīng)應(yīng)用到項目中。顯著提高代碼的可讀性和靈活性。當(dāng)然，也是和MVP結(jié)合使用的避免出現(xiàn)冗余。github
結(jié)語
最后，歡迎大家一起加入組件的生產(chǎn)，共享覺得有意思有用的組件，讓開發(fā)變的更加簡單和高效。也希望大家提出建議和意見，一起進(jìn)步。demo組件會陸續(xù)更新。歡迎分享。結(jié)合當(dāng)下的共享經(jīng)濟。共享組件，歡迎共享。大家也可以關(guān)注一下前端開發(fā)框架Angular2。一個不錯的組件化框架。
