android WebView界面切换效果_android webview实现翻页-CSDN博客

本文链接：https://blog.csdn.net/kimyo8337373/article/details/43704729

这篇博客详细介绍了如何在Android中为WebView界面添加平滑的切换效果。通过监听WebView的加载进度，并结合自定义的动画布局translate_in和translate_out，实现了在页面加载完成时启动进入和退出动画，提升了用户体验。

摘要由CSDN通过智能技术生成

root=(FrameLayout)findViewById(R.id.content);//当前界面的布局

mWebView.setDrawingCacheEnabled(true);

mWebView=(WebView)findViewById(R.id.home_webview);

mWebView.setWebChromeClient(new WebChromeClient(){
@Override
public void onProgressChanged(WebView view, int newProgress)
{
if(newProgress==100){
startAnimation(view)
}
super.onProgressChanged(view, newProgress);
}

});

private void startAnimation(WebView view)
{
Bitmap bitmap=view.getDrawingCache();
if(imageView==null){
imageView=new ImageView(MainActivity.this);
}
if(bitmap!=null){
Bitmap b= Bitmap.createBitmap(bitmap);
imageView.setImageBitmap(bitmap);
}

root.addView(imageView);
//if(imageView!=null) imageView.setVisibility(View.GONE);

Animation translate_in=AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate_in);
translate_in.setFillAfter(true);
translate_in.setDuration(1000);
translate_in.setDetachWallpaper(true);
view.setAnimation(translate_in);

Animation translate_out=AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate_out);
translate_out.setAnimationListener(new AnimationListener() {

@Override
public void onAnimationStart(Animation animation)
{
// TODO Auto-generated method stub

}

@Override
public void onAnimationRepeat(Animation animation)
{
// TODO Auto-generated method stub

}

@Override
public void onAnimationEnd(Animation animation)
{
if(null!=imageView){
MainActivity.this.root.removeView(imageView);
imageView=null;
}

}
});
translate_out.setFillAfter(true);
translate_out.setDuration(1000);
translate_out.setDetachWallpaper(true);
if(null!=imageView){
imageView.setAnimation(translate_out);
}

}

动画布局：

translate_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="100%"
android:toXDelta="0%"
android:duration="100"></translate>

</set>

translate_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

<translate android:fromXDelta="0%"
android:toXDelta="-100%"
android:duration="100">
</translate>

</set>