閱讀過自定義ViewGroup實現仿淘寶的商品詳情頁的童鞋，應該都瞭解了ViewGroup中onMeasure、onLayout、onTouchEvent等相關方法的使用。在介紹仿淘寶商品詳情頁時，我們提到過現在網上很多實現方法是使用ScrollView巢狀兩個ScrollView。而我也提到過這樣實現的缺陷，很難進行擴充套件。而使用自定義ViewGroup的話就可以根據自己的需要擴充套件功能了。

首先說一下實現的需要，直接上圖

圖中的McoySnapPageLayout中一共包含5個McoySnapPage(可上下滑動的單頁)。 其中上面三個紅綠藍是3個ScrollView，下面兩個是WebView分別來顯示百度首頁和

接下來說一下對於API的更改：

之前我們使用McoyProductDetailInfoPage和McoyProductContentPage這兩個類來分別表示商品詳情頁的第一頁和第二頁。
但是既然我們要實現可以往McoySnapPageLayout中無限新增單頁面，那就沒有所謂的第一頁和第二頁了。 因此在v2.0版本中以上兩個類已經放棄使用了！ 取而代之的是McoyScrollSnapPage和McoyWebSnapPage這兩個類。

簡單介紹

McoyScrollSnapPage

內部實現了一個ScrollView，如果想將自己工程中的某佈局顯示在ScrollView中，並新增到McoySnapPageLayout以單頁的方式顯示的話，只需要做2步操作即可：

//1 構造McoyScrollSnapPage物件，並傳入需要新增到自定義ViewGroup中的佈局id
McoyScrollSnapPage m1 = new McoyScrollSnapPage(this, R.layout.test1);
//2 將m1物件新增到自定義ViewGroup中
McoySnapPageLayout.addSnapPage(m1);

McoyWebSnapPage

內部實現了一個WebView用來載入網頁資訊。如果想使用WebView顯示某網頁資訊，並新增到McoySnapPageLayout以單頁的方式顯示的話，只需要做2步操作即可：

//1 構造McoyWebSnapPage物件，並傳入需要顯示的具體網址
 

McoyWebSnapPage w2 = new McoyWebSnapPage(this, "http://blog.csdn.net/zxm317122667/article/details/47018357");
//2 將w2物件新增到自定義ViewGroup中
McoySnapPageLayout.addSnapPage(w2);