Slide up and Slide down animation on Webview in Android

Question

i have a list of chapters in a list.when user selects a chapter it get expanded and sub topics in that chapter lists. when user select the particular sub topic its contents get loaded in webview on new screen. its all done fine. But i want some functionality on webview. When user slide up the webview, webview should move up side and a new webview from bottom to upside should appear on screen (slide up animation on webview) with next subtopics contents. same in case of slide down when user slides down web view with previous subtopics contents.

Please help how to provide slide up and slide down animation on webview. Thanks

check http://stackoverflow.com/questions/3693702/slide-down-view-in-android — Maneesh, Dec 08 '11 at 09:28
hi maneesh thanks for your reply but i have used that methods you r referring. when slide up half of webview is still visible in background and when slides down cached webview is visible. — rahul sapra, Dec 09 '11 at 11:26

Dhaval Khant · Answer 1 · 2012-10-03T10:23:08.690

12

Apply animation to webview..

Slide down.xml

<?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>

Use Wbeview startAnimation method

edited Oct 03 '12 at 10:23

answered Dec 08 '11 at 10:16

Dhaval Khant

2,467
2
16
24

Thanks a lot but how to use it on webview statanimation method. Also how to use gesture for slide up that should b used when scroll is at the end of webview and vice-versa. Thanks – rahul sapra Dec 09 '11 at 11:23
Check it webView.startAnimation(animationObject) method is there. – Dhaval Khant Dec 09 '11 at 13:27
Thanks dhaval. please assist me for other issue how to use gesture for slide up and down on start of contents and end of contents. – rahul sapra Dec 10 '11 at 08:19
1

There is missing '' in Slide Up animation – Piotr Oct 03 '12 at 10:12
slide up seems to have toXDelta... did you intend to type toYDelta instead? – larham1 Oct 25 '12 at 22:58

score 1 · Answer 2 · answered Jul 05 '12 at 10:27

pleas implement OnGestureListener in your activity

and use the following code

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 method will handle the touch event if x direction and you can make it work in y axis as well

is your problem solved or you are looking for some thing else — Vipin Sahu, Aug 07 '12 at 06:35
Hi vipin.. Sorry for late reply.. and thanks a lot for your help...Actually the requirement had changed so i left that part..anyways thanks a lot once again.. — rahul sapra, Aug 28 '12 at 08:01
it"s alright but when you ask question and people answer it please try them whether your requirement may change .. so that people reading your thread must get the right answer ........... — Vipin Sahu, Aug 29 '12 at 09:00

Slide up and Slide down animation on Webview in Android

2 Answers2

Linked