前言

前面在介紹控件TabLayout控件和CoordinatorLayout使用的時候說了下實現京東、天貓詳情頁面的效果，今天要說的是優化版，是我們線上實現的效果，首先看一張效果：

項目結構分析

首先我們來分析一下要實現上面的效果，我們需要怎么做。頂部是一個可以滑動切換Tab，可以用ViewPager+Fragment實現，也可以使用系統的TabLayout控件實現；而下面的 View是一個可以滑動拖動效果的View，可以采用網上一個叫做DragLayout的控件，我這里是自己實現了一個，主要是通過對View的事件分發的一些處理；然后滑動到下面就是一個圖文詳情的View（Fragment），本頁面包含兩個界面：詳情頁面和參數頁面；最后是評價的View（Fragment）。經過上面的分析，我們的界面至少需要4個Fragement，首先來看一下項目結構：

代碼講解

代碼比較多，這里只講解幾個核心的方法類。首先我們來看一下我們自己是的這個具有阻尼效果的View，我們知道要實現的效果，我們需要對View的事件做一個全面的實現。這里首先說一下View的事件分發的流程：

onInterceptTouchEvent()