使用Android上的webview控件时需要跳转到下一个html时，要求当前界面缓缓的向左移动，下一个html界面缓缓的从右边出现。这与常规动画不同，一般方式将无法制作出动画。主要实现方法可以先保存上一个网页的快照，与将要跳转的页面结合起来，制作相关动画。
下面是主要代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
@Override public void onProgressChanged(WebView view, int newProgress) {
if(newProgress==100){
if(iamgeView!=null)
iamgeView.setVisibility(View.GONE);
//view.setVisibility(View.VISIBLE);
//DroidGap.this.root.addView(view);
System.out.println("加载完成");
Animation translate_in=AnimationUtils.loadAnimation(DroidGap.this, R.drawable.translate_in);
translate_in.setFillAfter(true);
translate_in.setDuration(1000);
translate_in.setDetachWallpaper(true);
// translate_in.
view.setAnimation(translate_in);
Animation translate_out=AnimationUtils.loadAnimation(DroidGap.this, R.drawable.translate_out);
translate_out.setAnimationListener(new AnimationListener(){
@Override public void onAnimationEnd(Animation animation) {
if(null!=iamgeView){
DroidGap.this.root.removeView(iamgeView);
iamgeView=null;
}
}
@Override public void onAnimationRepeat(Animation animation) {
// TODO Auto-generated method stub
}
@Override public void onAnimationStart(Animation animation) {
// TODO Auto-generated method stub
}
});
translate_out.setFillAfter(true);
translate_out.setDuration(1000);
translate_out.setDetachWallpaper(true);
// translate_in.
if(null!=iamgeView){
iamgeView.setAnimation(translate_out);
}
}else{
if(null==iamgeView){
iamgeView=new ImageView(DroidGap.this);
view.setDrawingCacheEnabled(true);
Bitmap bitmap=view.getDrawingCache();
if(null!=bitmap){
Bitmap b= Bitmap.createBitmap(bitmap);
iamgeView.setImageBitmap(b);
}
DroidGap.this.root.addView(iamgeView);
}
}
super.onProgressChanged(view, newProgress);
}
|
|
1
|
<span style="color: rgb(51, 51, 51); font-family: tahoma, 宋体; font-size: 14px; line-height: 22.3999996185303px; text-align: justify; background-color: rgb(250, 250, 252);">其中的iamgeView：自己定义的ImageView控件。</span>
|
|
1
2
3
4
5
6
|
<?xml version="1.0" encoding="utf-8"?>
<translate android:fromXDelta="100%" android:toXDelta="0%p" android:duration="100" />
</set>
|
|
1
|
<span style="color: rgb(51, 51, 51); font-family: tahoma, 宋体; font-size: 14px; line-height: 22.3999996185303px; text-align: justify; background-color: rgb(250, 250, 252);">R.drawable.translate_out：出的translate动画</span>
|
|
1
2
3
4
5
6
|
<span style="color: rgb(51, 51, 51); font-family: tahoma, 宋体; font-size: 14px; line-height: 22.3999996185303px; text-align: justify; background-color: rgb(250, 250, 252);"></span><pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<translate android:fromXDelta="0%" android:toXDelta="-100%p" android:duration="100" />
</set>
|
该代码详细描述：在onProgressChanged方法中，首先判定是否加载进度是否到100，
在没有执行完的情况下，先去new ImageView对象，iamgeView=new ImageView(DroidGap.this);
然后进行设置view.setDrawingCacheEnabled(true);很重要的一句话，
为了下面能够对webview界面截取图片，即 Bitmap bitmap=view.getDrawingCache();
之后将bitmap加到imageview中：imageview.setImageBitmap(bitmap);
然后添加到当前的Linearlayout布局中即DroidGap.this.root.addView(iamgeView);
如果下面的页面加载完成了，就执行进入动画，即view.setAnimation(translate_in);
同时对该Imageview执行out动画，并且在动画的监听的结束时执行
DroidGap.this.root.removeView(iamgeView);即清除掉当前生成的屏幕截图。
iamgeView=null;
最后一点要注意清除截图，否则android虚拟机可能会出现报错。