@quicktvui/ai 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/ai",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "QuickTVUI AI 开发规范与脚手架注入工具",
   "main": "index.js",
   "scripts": {

package/rules/.clinerules

@@ -7,9 +7,19 @@
 **AI MUST refer to the official documentation and source code below BEFORE generating any code. NEVER hallucinate component names, attribute names, or APIs. These are the ONLY authorities.**
 
 1.  **Local Docs, Examples & Source (PRIMARY)**: `node_modules/@quicktvui/ai/rules/.docs/` and `node_modules/@quicktvui/ai/rules/.source/` directories.
-    *   **Component Docs**: Detailed definitions of components, APIs, and CSS.
-    *   **Example Code**: `.docs/examples/` are verified best practices.
-    *   **Framework Source Code**: `.source/` directory contains the actual framework implementation. **AI SHOULD refer to the source code to resolve ambiguities in documentation.**
+    *   **Component Docs**: `.docs/` for component, API, and CSS definitions.
+    *   **Example Code**: `.docs/examples/` for verified best practices (pagination, focus, etc.).
+    *   **Framework Source Map**: `.source/` contains the full-stack implementation. AI MUST locate source based on module:
+        *   `quicktvui/`: Core Vue 3 UI component library implementation.
+        *   `hippy/`: Android Native implementation (ViewController, UIManager).
+        *   `sdk/`: ES SDK core implementation, containing Java definitions and implementations for `IEsModule` (plugins) and `IEsComponent` (components).
+        *   `ESPlayer*/ESVideoPlayer`: Media playback engines (Video, Audio, ADs).
+        *   `ESPlayerManager`: High-level player window and playlist management.
+        *   `ESRouter`: TV-optimized routing and navigation system.
+        *   `ESCore`: Native module bridge, Storage, Toast, and System APIs.
+        *   `ESVue*/ESVueStyleParser`: Custom Vue renderer and Style parser logic.
+        *   `ESAxios`: Platform-optimized network library.
+        *   `web/`: Polyfills for standard web tags.
 
 2.  **Official Docs**: https://quicktvui.com
 3.  **Core Library Samples**: https://github.com/quicktvui/quicktvui.git
@@ -403,4 +413,18 @@ export default defineComponent({
 5.  **Pagination & Load More Rules (CRITICAL)**:
     *   **`qt-tabs` (Tabs Waterfall)**: **MUST** use **`@onTabPageLoadData="onTabPageLoadData"`**. Append data via `addPageData`.
     *   **`qt-waterfall` (Single Waterfall)**: **NO native `loadMore` event**. Usually triggered via **`@onItemBind`** on the last section (e.g., a Loading Section) or by listening to **`@onScrollToBottom`** (if supported by parent).
-    *   **`qt-list-view` / `qt-grid-view`**: Support native `@loadMore="loadMoreFn"` with `pageNo` parameter.
+    *   **`qt-list-view` / `qt-grid-view`**: Support native `@loadMore="loadMoreFn"` with `pageNo` parameter.
+
+### 7. Native Component Mapping & Deprecations
+AI MUST understand the mapping between Vue components and Java Native controllers to avoid using deprecated logic:
+
+| Vue Component | Native Name (Hippy) | Java Class (PRIMARY) | Status |
+| :--- | :--- | :--- | :--- |
+| `qt-text` | `TextView` | `com.tencent.extend.views.TextViewController` | **Recommended** |
+| `qt-list-view` | `FastListView` | `com.tencent.extend.views.fastlist.FastListViewController` | **Recommended** |
+| `qt-waterfall` | `FastListView` | `com.tencent.extend.views.fastlist.FastListViewController` | **Recommended** |
+| `qt-image` | `Image` | `com.tencent.mtt.hippy.views.image.HippyImageViewController` | **Active** |
+| **(Deprecated)** | `Text` | `com.tencent.mtt.hippy.views.text.HippyTextViewController` | **DEPRECATED** |
+| **(Deprecated)** | `ListView` | `com.tencent.mtt.hippy.views.list.HippyListViewController` | **DEPRECATED** |
+
+**Rule**: Always prefer source code in `.source/hippy/extend_views/`. Use `.source/hippy/hippy_views/` only as a secondary fallback.

package/rules/.cursorrules

@@ -7,9 +7,19 @@
 **AI MUST refer to the official documentation and source code below BEFORE generating any code. NEVER hallucinate component names, attribute names, or APIs. These are the ONLY authorities.**
 
 1.  **Local Docs, Examples & Source (PRIMARY)**: `node_modules/@quicktvui/ai/rules/.docs/` and `node_modules/@quicktvui/ai/rules/.source/` directories.
-    *   **Component Docs**: Detailed definitions of components, APIs, and CSS.
-    *   **Example Code**: `.docs/examples/` are verified best practices.
-    *   **Framework Source Code**: `.source/` directory contains the actual framework implementation. **AI SHOULD refer to the source code to resolve ambiguities in documentation.**
+    *   **Component Docs**: `.docs/` for component, API, and CSS definitions.
+    *   **Example Code**: `.docs/examples/` for verified best practices (pagination, focus, etc.).
+    *   **Framework Source Map**: `.source/` contains the full-stack implementation. AI MUST locate source based on module:
+        *   `quicktvui/`: Core Vue 3 UI component library implementation.
+        *   `hippy/`: Android Native implementation (ViewController, UIManager).
+        *   `sdk/`: ES SDK core implementation, containing Java definitions and implementations for `IEsModule` (plugins) and `IEsComponent` (components).
+        *   `ESPlayer*/ESVideoPlayer`: Media playback engines (Video, Audio, ADs).
+        *   `ESPlayerManager`: High-level player window and playlist management.
+        *   `ESRouter`: TV-optimized routing and navigation system.
+        *   `ESCore`: Native module bridge, Storage, Toast, and System APIs.
+        *   `ESVue*/ESVueStyleParser`: Custom Vue renderer and Style parser logic.
+        *   `ESAxios`: Platform-optimized network library.
+        *   `web/`: Polyfills for standard web tags.
 
 2.  **Official Docs**: https://quicktvui.com
 3.  **Core Library Samples**: https://github.com/quicktvui/quicktvui.git
@@ -404,4 +414,18 @@ export default defineComponent({
 5.  **Pagination & Load More Rules (CRITICAL)**:
     *   **`qt-tabs` (Tabs Waterfall)**: **MUST** use **`@onTabPageLoadData="onTabPageLoadData"`**. Append data via `addPageData`.
     *   **`qt-waterfall` (Single Waterfall)**: **NO native `loadMore` event**. Usually triggered via **`@onItemBind`** on the last section (e.g., a Loading Section) or by listening to **`@onScrollToBottom`** (if supported by parent).
-    *   **`qt-list-view` / `qt-grid-view`**: Support native `@loadMore="loadMoreFn"` with `pageNo` parameter.
+    *   **`qt-list-view` / `qt-grid-view`**: Support native `@loadMore="loadMoreFn"` with `pageNo` parameter.
+
+### 7. Native Component Mapping & Deprecations
+AI MUST understand the mapping between Vue components and Java Native controllers to avoid using deprecated logic:
+
+| Vue Component | Native Name (Hippy) | Java Class (PRIMARY) | Status |
+| :--- | :--- | :--- | :--- |
+| `qt-text` | `TextView` | `com.tencent.extend.views.TextViewController` | **Recommended** |
+| `qt-list-view` | `FastListView` | `com.tencent.extend.views.fastlist.FastListViewController` | **Recommended** |
+| `qt-waterfall` | `FastListView` | `com.tencent.extend.views.fastlist.FastListViewController` | **Recommended** |
+| `qt-image` | `Image` | `com.tencent.mtt.hippy.views.image.HippyImageViewController` | **Active** |
+| **(Deprecated)** | `Text` | `com.tencent.mtt.hippy.views.text.HippyTextViewController` | **DEPRECATED** |
+| **(Deprecated)** | `ListView` | `com.tencent.mtt.hippy.views.list.HippyListViewController` | **DEPRECATED** |
+
+**Rule**: Always prefer source code in `.source/hippy/extend_views/`. Use `.source/hippy/hippy_views/` only as a secondary fallback.

package/rules/.github/copilot-instructions.md

@@ -7,9 +7,19 @@
 **AI MUST refer to the official documentation and source code below BEFORE generating any code. NEVER hallucinate component names, attribute names, or APIs. These are the ONLY authorities.**
 
 1.  **Local Docs, Examples & Source (PRIMARY)**: `node_modules/@quicktvui/ai/rules/.docs/` and `node_modules/@quicktvui/ai/rules/.source/` directories.
-    *   **Component Docs**: Detailed definitions of components, APIs, and CSS.
-    *   **Example Code**: `.docs/examples/` are verified best practices.
-    *   **Framework Source Code**: `.source/` directory contains the actual framework implementation. **AI SHOULD refer to the source code to resolve ambiguities in documentation.**
+    *   **Component Docs**: `.docs/` for component, API, and CSS definitions.
+    *   **Example Code**: `.docs/examples/` for verified best practices (pagination, focus, etc.).
+    *   **Framework Source Map**: `.source/` contains the full-stack implementation. AI MUST locate source based on module:
+        *   `quicktvui/`: Core Vue 3 UI component library implementation.
+        *   `hippy/`: Android Native implementation (ViewController, UIManager).
+        *   `sdk/`: ES SDK core implementation, containing Java definitions and implementations for `IEsModule` (plugins) and `IEsComponent` (components).
+        *   `ESPlayer*/ESVideoPlayer`: Media playback engines (Video, Audio, ADs).
+        *   `ESPlayerManager`: High-level player window and playlist management.
+        *   `ESRouter`: TV-optimized routing and navigation system.
+        *   `ESCore`: Native module bridge, Storage, Toast, and System APIs.
+        *   `ESVue*/ESVueStyleParser`: Custom Vue renderer and Style parser logic.
+        *   `ESAxios`: Platform-optimized network library.
+        *   `web/`: Polyfills for standard web tags.
 
 2.  **Official Docs**: https://quicktvui.com
 3.  **Core Library Samples**: https://github.com/quicktvui/quicktvui.git
@@ -472,4 +482,18 @@ export default defineComponent({
 5.  **Pagination & Load More Rules (CRITICAL)**:
     *   **`qt-tabs` (Tabs Waterfall)**: **MUST** use **`@onTabPageLoadData="onTabPageLoadData"`**. Append data via `addPageData`.
     *   **`qt-waterfall` (Single Waterfall)**: **NO native `loadMore` event**. Usually triggered via **`@onItemBind`** on the last section (e.g., a Loading Section) or by listening to **`@onScrollToBottom`** (if supported by parent).
-    *   **`qt-list-view` / `qt-grid-view`**: Support native `@loadMore="loadMoreFn"` with `pageNo` parameter.
+    *   **`qt-list-view` / `qt-grid-view`**: Support native `@loadMore="loadMoreFn"` with `pageNo` parameter.
+
+### 7. Native Component Mapping & Deprecations
+AI MUST understand the mapping between Vue components and Java Native controllers to avoid using deprecated logic:
+
+| Vue Component | Native Name (Hippy) | Java Class (PRIMARY) | Status |
+| :--- | :--- | :--- | :--- |
+| `qt-text` | `TextView` | `com.tencent.extend.views.TextViewController` | **Recommended** |
+| `qt-list-view` | `FastListView` | `com.tencent.extend.views.fastlist.FastListViewController` | **Recommended** |
+| `qt-waterfall` | `FastListView` | `com.tencent.extend.views.fastlist.FastListViewController` | **Recommended** |
+| `qt-image` | `Image` | `com.tencent.mtt.hippy.views.image.HippyImageViewController` | **Active** |
+| **(Deprecated)** | `Text` | `com.tencent.mtt.hippy.views.text.HippyTextViewController` | **DEPRECATED** |
+| **(Deprecated)** | `ListView` | `com.tencent.mtt.hippy.views.list.HippyListViewController` | **DEPRECATED** |
+
+**Rule**: Always prefer source code in `.source/hippy/extend_views/`. Use `.source/hippy/hippy_views/` only as a secondary fallback.

package/rules/.source/hippy/extend_views/CoverFlowHorizontalView.java

@@ -0,0 +1,203 @@
+package com.tencent.extend.views;
+
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Rect;
+import android.util.Log;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewGroup;
+
+import com.tencent.extend.ICoverFlow;
+import com.tencent.extend.TVFocusScaleExcuter;
+import com.tencent.mtt.hippy.R;
+import com.tencent.mtt.hippy.views.scroll.HippyHorizontalScrollView;
+import com.tencent.mtt.hippy.views.view.HippyViewGroup;
+
+public class CoverFlowHorizontalView extends HippyHorizontalScrollView implements ICoverFlow {
+
+  public CoverFlowHorizontalView(Context context) {
+    super(context);
+  }
+
+  private int mDefaultScrollDuration = 300;
+  private int mDefaultAutoScrollInterval = 2000;
+  public float mDefaultZoomInValue = 1.5f;
+
+  private int mCurrentPosition = 0;
+  private AutoScroll mAutoScroll;
+
+  @Override
+  public void setAutoScrollInterval(int autoScrollInterval) {
+    this.mDefaultAutoScrollInterval = autoScrollInterval;
+    removeCallbacks(mAutoScroll);
+    scrollToPosition(mCurrentPosition, 100, mDefaultScrollDuration);
+  }
+
+  @Override
+  public void setZoomInValue(float zoomInValue) {
+    this.mDefaultZoomInValue = zoomInValue;
+  }
+
+  @Override
+  public int getCurrentIndex() {
+    return mCurrentPosition;
+  }
+
+  @Override
+  public void scrollToIndex(int index, int duration) {
+    scrollToPosition(index, 0, duration);
+  }
+
+  private class AutoScroll implements Runnable{
+
+    final int position;
+    final int duration;
+
+    private AutoScroll(int position, int duration) {
+      this.position = position;
+      this.duration = duration;
+    }
+
+    @Override
+    public void run() {
+      if(!hasFocus()){
+        smoothScrollToPosition(position, duration);
+        postInvalidateDelayed(16);
+        mCurrentPosition = position;
+        if(mDefaultAutoScrollInterval > 0){
+          scrollToPosition(mCurrentPosition + 1, mDefaultAutoScrollInterval, mDefaultScrollDuration);
+        }
+      }
+    }
+  }
+
+  Rect mTempRect = new Rect();
+
+  View mCurrentChild = null;
+
+  private void smoothScrollToPosition(int position,int duration){
+    final View firstChild = getItemViewAt(0);
+    if(firstChild == null){
+      Log.e("ScrollView","smoothScrollToPosition error firstChild is null");
+      return ;
+    }
+    if(mCurrentChild != null){
+      TVFocusScaleExcuter.handleOnFocusChange(mCurrentChild,false,1f,1f,300, R.id.tag_cover_flow_animation);
+    }
+    final View target = getItemViewAt(position);
+    mCurrentChild = target;
+    TVFocusScaleExcuter.handleOnFocusChange(target,true, mDefaultZoomInValue, mDefaultZoomInValue,300, R.id.tag_cover_flow_animation);
+    if(target != null){
+
+      if(getContainer() instanceof HippyViewGroup){
+        ((HippyViewGroup)getContainer()).setOverFlowViewIndex(position);
+      }
+      mTempRect.setEmpty();
+      offsetDescendantRectToMyCoords(target,mTempRect);
+      int parentCenter = (int) (getWidth() * 0.5f);
+      final int targetX = (int) (mTempRect.left + target.getWidth() * 0.5f) - parentCenter;
+      if(duration > 0) {
+        callSmoothScrollTo(targetX, 0,duration);
+      }else{
+        scrollTo(targetX,0);
+      }
+    }
+  }
+
+  @Override
+  public boolean requestChildRectangleOnScreen(View child, Rect rectangle, boolean immediate) {
+    return super.requestChildRectangleOnScreen(child, rectangle, immediate);
+  }
+
+  @Override
+  public void requestChildFocus(View child, View focused) {
+    super.requestChildFocus(child, focused);
+  }
+
+  private int getItemCount(){
+    if(getChildCount() < 1){
+      return 0;
+    }
+    return ((ViewGroup)getChildAt(0)).getChildCount();
+  }
+
+  private ViewGroup getContainer(){
+    if(getChildCount() < 1){
+      return null;
+    }
+    return (ViewGroup) getChildAt(0);
+  }
+
+  private View getItemViewAt(int index){
+    if(getItemCount() > index && index > -1){
+      return getContainer().getChildAt(index);
+    }
+    return null;
+  }
+
+  private void stopAutoScroll(){
+    if(mAutoScroll != null){
+      removeCallbacks(mAutoScroll);
+    }
+  }
+
+  @Override
+  protected void dispatchDraw(Canvas canvas) {
+    super.dispatchDraw(canvas);
+//    if( autoScrollInterval > 0 ) {
+//      if( getFocusedChild()  != null) {
+//        super.drawChild(canvas, getFocusedChild(), getDrawingTime());
+//      }else if(mCurrentChild != null){
+//        super.drawChild(canvas, mCurrentChild, getDrawingTime());
+//      }
+//    }
+  }
+
+  @Override
+  protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
+    if(getFocusedChild() == child || child == mCurrentChild){
+      return true;
+    }
+    return super.drawChild(canvas, child, drawingTime);
+  }
+
+  @Override
+  protected void onAttachedToWindow() {
+    super.onAttachedToWindow();
+    scrollToPosition(mCurrentPosition, 100, 0);
+  }
+
+  @Override
+  protected void onDetachedFromWindow() {
+    super.onDetachedFromWindow();
+    stopAutoScroll();
+    mCurrentChild = null;
+  }
+
+  private void scrollToPosition(int position, int delay, int duration){
+    stopAutoScroll();
+    if(position < 0) position = getItemCount() - 1;
+    else if(position > getItemCount() - 1) position = 0;
+    mAutoScroll = new AutoScroll(position, duration);
+    postDelayed(mAutoScroll, delay);
+  }
+
+  private float mLastTouchPos;
+
+  @Override
+  public boolean dispatchTouchEvent(MotionEvent e) {
+    int action = e.getAction() & MotionEvent.ACTION_MASK;
+    if(action == MotionEvent.ACTION_DOWN){
+      mLastTouchPos = e.getX();
+    }else if(action == MotionEvent.ACTION_UP){
+      float delta = e.getX() - mLastTouchPos;
+      if(delta > 0){
+        scrollToPosition(mCurrentPosition - 1, 0, mDefaultScrollDuration);
+      }else if(delta < 0){
+        scrollToPosition(mCurrentPosition + 1, 0, mDefaultScrollDuration);
+      }
+    }
+    return true;
+  }
+}

package/rules/.source/hippy/extend_views/CoverFlowVerticalView.java

@@ -0,0 +1,203 @@
+package com.tencent.extend.views;
+
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Rect;
+import android.util.Log;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewGroup;
+
+import com.tencent.extend.ICoverFlow;
+import com.tencent.extend.TVFocusScaleExcuter;
+import com.tencent.mtt.hippy.R;
+import com.tencent.mtt.hippy.views.scroll.HippyVerticalScrollView;
+import com.tencent.mtt.hippy.views.view.HippyViewGroup;
+
+public class CoverFlowVerticalView extends HippyVerticalScrollView implements ICoverFlow {
+
+  public CoverFlowVerticalView(Context context) {
+    super(context);
+  }
+
+  private int mDefaultScrollDuration = 300;
+  private int mDefaultAutoScrollInterval = 2000;
+  public float mDefaultZoomInValue = 1.5f;
+
+  private int mCurrentPosition = 0;
+  private AutoScroll mAutoScroll;
+
+  @Override
+  public void setAutoScrollInterval(int autoScrollInterval) {
+    this.mDefaultAutoScrollInterval = autoScrollInterval;
+    removeCallbacks(mAutoScroll);
+    scrollToPosition(mCurrentPosition, 100, mDefaultScrollDuration);
+  }
+
+  @Override
+  public void setZoomInValue(float zoomInValue) {
+    this.mDefaultZoomInValue = zoomInValue;
+  }
+
+  @Override
+  public int getCurrentIndex() {
+    return mCurrentPosition;
+  }
+
+  @Override
+  public void scrollToIndex(int index, int duration) {
+    scrollToPosition(index, 0, duration);
+  }
+
+  private class AutoScroll implements Runnable{
+
+    final int position;
+    final int duration;
+
+    private AutoScroll(int position, int duration) {
+      this.position = position;
+      this.duration = duration;
+    }
+
+    @Override
+    public void run() {
+      if(!hasFocus()){
+        smoothScrollToPosition(position, duration);
+        postInvalidateDelayed(16);
+        mCurrentPosition = position;
+        if(mDefaultAutoScrollInterval > 0){
+          scrollToPosition(mCurrentPosition + 1, mDefaultAutoScrollInterval, mDefaultScrollDuration);
+        }
+      }
+    }
+  }
+
+  Rect mTempRect = new Rect();
+
+  View mCurrentChild = null;
+
+  private void smoothScrollToPosition(int position,int duration){
+    final View firstChild = getItemViewAt(0);
+    if(firstChild == null){
+      Log.e("ScrollView","smoothScrollToPosition error firstChild is null");
+      return ;
+    }
+    if(mCurrentChild != null){
+      TVFocusScaleExcuter.handleOnFocusChange(mCurrentChild,false,1f,1f,300, R.id.tag_cover_flow_animation);
+    }
+    final View target = getItemViewAt(position);
+    mCurrentChild = target;
+    TVFocusScaleExcuter.handleOnFocusChange(target,true,mDefaultZoomInValue,mDefaultZoomInValue,300, R.id.tag_cover_flow_animation);
+    if(target != null){
+
+      if(getContainer() instanceof HippyViewGroup){
+        ((HippyViewGroup)getContainer()).setOverFlowViewIndex(position);
+      }
+      mTempRect.setEmpty();
+      offsetDescendantRectToMyCoords(target,mTempRect);
+      int parentCenter = (int) (getHeight() * 0.5f);
+      final int targetY = (int) (mTempRect.top + target.getHeight() * 0.5f) - parentCenter;
+      if(duration > 0) {
+        callSmoothScrollTo(0, targetY,duration);
+      }else{
+        scrollTo(0,targetY);
+      }
+    }
+  }
+
+  @Override
+  public boolean requestChildRectangleOnScreen(View child, Rect rectangle, boolean immediate) {
+    return super.requestChildRectangleOnScreen(child, rectangle, immediate);
+  }
+
+  @Override
+  public void requestChildFocus(View child, View focused) {
+    super.requestChildFocus(child, focused);
+  }
+
+  private int getItemCount(){
+    if(getChildCount() < 1){
+      return 0;
+    }
+    return ((ViewGroup)getChildAt(0)).getChildCount();
+  }
+
+  private ViewGroup getContainer(){
+    if(getChildCount() < 1){
+      return null;
+    }
+    return (ViewGroup) getChildAt(0);
+  }
+
+  private View getItemViewAt(int index){
+    if(getItemCount() > index && index > -1){
+      return getContainer().getChildAt(index);
+    }
+    return null;
+  }
+
+  private void stopAutoScroll(){
+    if(mAutoScroll != null){
+      removeCallbacks(mAutoScroll);
+    }
+  }
+
+  @Override
+  protected void dispatchDraw(Canvas canvas) {
+    super.dispatchDraw(canvas);
+//    if( autoScrollInterval > 0 ) {
+//      if( getFocusedChild()  != null) {
+//        super.drawChild(canvas, getFocusedChild(), getDrawingTime());
+//      }else if(mCurrentChild != null){
+//        super.drawChild(canvas, mCurrentChild, getDrawingTime());
+//      }
+//    }
+  }
+
+  @Override
+  protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
+    if(getFocusedChild() == child || child == mCurrentChild){
+      return true;
+    }
+    return super.drawChild(canvas, child, drawingTime);
+  }
+
+  @Override
+  protected void onAttachedToWindow() {
+    super.onAttachedToWindow();
+    scrollToPosition(mCurrentPosition, 100, 0);
+  }
+
+  @Override
+  protected void onDetachedFromWindow() {
+    super.onDetachedFromWindow();
+    stopAutoScroll();
+    mCurrentChild = null;
+  }
+
+  private void scrollToPosition(int position, int delay, int duration){
+    stopAutoScroll();
+    if(position < 0) position = getItemCount() - 1;
+    else if(position > getItemCount() - 1) position = 0;
+    mAutoScroll = new AutoScroll(position, duration);
+    postDelayed(mAutoScroll, delay);
+  }
+
+  private float mLastTouchPos;
+
+  @Override
+  public boolean dispatchTouchEvent(MotionEvent e) {
+    int action = e.getAction() & MotionEvent.ACTION_MASK;
+    if(action == MotionEvent.ACTION_DOWN){
+      mLastTouchPos = e.getY();
+    }else if(action == MotionEvent.ACTION_UP){
+      float delta = e.getY() - mLastTouchPos;
+      if(delta > 0){
+        scrollToPosition(mCurrentPosition - 1, 0, mDefaultScrollDuration);
+      }else if(delta < 0){
+        scrollToPosition(mCurrentPosition + 1, 0, mDefaultScrollDuration);
+      }
+    }
+    return true;
+  }
+}