在Android中的Webview上向上滑动并向下滑动动画

时间:2011-12-08 09:25:35

标签: android animation webview slide updown

我有一个列表中的章节列表。当用户选择一个章节时,它会被扩展,并且该章节中的子主题列出。当用户选择特定子主题时,其内容将在新屏幕上的webview中加载。一切都很好。但我想在webview上使用一些功能。当用户向上滑动webview时,webview应向上移动,并且屏幕上将显示从底部到上部的新webview(在webview上向上滑动动画)以及下一个子主题内容。当用户使用以前的子主题内容向下滑动Web视图时,向下滑动时也是如此。

请帮忙  如何在webview上提供向上滑动和向下滑动的动画。 感谢

2 个答案:

答案 0 :(得分:12)

将动画应用于webview ..

向下滑动

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

<translate android:fromYDelta="0%p"   
          android:interpolator="@android:anim/accelerate_interpolator"      
    android:toYDelta="100%p" android:duration="2000" />  
</set>

Slide Up.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">

<translate android:fromYDelta="100%" 
                   android:toXDelta="0" 
                   android:duration="1000" />
<alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="500" />
</set>

使用Wbeview startAnimation 方法

答案 1 :(得分:1)

请求在您的活动中实施OnGestureListener

并使用以下代码

detector = new GestureDetector(this, this);
WebView1.setOnTouchListener(new OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            detector.onTouchEvent(event);
            return true;
        }
    });


@Override
public boolean onDown(MotionEvent e) {
    // TODO Auto-generated method stub
    return false;
}

@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
    float dX = e2.getX() - e1.getX();
    float dY = e1.getY() - e2.getY();
    // check is all completed or return with some condition
    if (Math.abs(dY) < SWIPE_MAX_OFF_PATH && Math.abs(velocityX) >= SWIPE_THRESHOLD_VELOCITY && Math.abs(dX) >= SWIPE_MIN_DISTANCE) {
// logic for left and right
if(dX>0){
}
  elseif(dX<0)
    }   
    return false;
}

@Override
public void onLongPress(MotionEvent e) {
    // TODO Auto-generated method stub

}

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
    // TODO Auto-generated method stub
    return false;
}

@Override
public void onShowPress(MotionEvent e) {
    // TODO Auto-generated method stub

}

@Override
public boolean onSingleTapUp(MotionEvent e) {
    // TODO Auto-generated method stub
    return false;
}

fling方法将处理触摸事件,如果x方向,你也可以使它在y轴上工作