墨跡天氣3.0引導動畫

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="https://schemas.android.com/apk/res/android" >  
3.     <scale  
4.         android:duration="2000"  
5.         android:fillAfter="false"  
6.         android:fromXScale="0.0"  
7.         android:fromYScale="0.0"  
8.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
9.         android:pivotX="50%"  
10.         android:pivotY="50%"  
11.         android:toXScale="1.1"  
12.         android:toYScale="1.1" />  
13. </set>  

1. <!-- 尺寸伸縮動畫效果 scale  
2.        屬性：interpolator 指定一個動畫的插入器  
3.        常見動畫插入器:  
4.             accelerate_decelerate_interpolator  加速-減速 動畫插入器  
5.             accelerate_interpolator        加速-動畫插入器  
6.             decelerate_interpolator        減速- 動畫插入器  
7.             anticipate_interpolator 先回退一小步然後加速前進  
8.             anticipate_overshoot_interpolator   在上一個基礎上超出終點一小步再回到終點  
9.             bounce_interpolator 最後階段彈球效果  
10.             cycle_interpolator  周期運動  
11.             linear_interpolator 勻速  
12.             overshoot_interpolator  快速到達終點並超出一小步最後回到終點  
13.       浮點型值：  
14.             
15.             fromXScale 屬性為動畫起始時 X坐標上的伸縮尺寸      
16.             toXScale   屬性為動畫結束時 X坐標上的伸縮尺寸       
17.            
18.             fromYScale 屬性為動畫起始時Y坐標上的伸縮尺寸      
19.             toYScale   屬性為動畫結束時Y坐標上的伸縮尺寸      
20.            
21.             說明:  
22.                  以上四種屬性值      
23.        
24.                     0.0表示收縮到沒有   
25.                     1.0表示正常無伸縮       
26.                     值小於1.0表示收縮    
27.                     值大於1.0表示放大  
28.            
29.             pivotX     屬性為動畫相對於物件的X坐標的開始位置  
30.             pivotY     屬性為動畫相對於物件的Y坐標的開始位置  
31.            
32.             說明:  
33.                     以上兩個屬性值 從0%-100%中取值  
34.                     50%為物件的X或Y方向坐標上的中點位置  
35.            
36.         長整型值：  
37.             duration  屬性為動畫持續時間  
38.             說明:   時間以毫秒為單位  
39.    
40.         布爾型值:  
41.             fillAfter 屬性 當設置為true ，該動畫轉化在動畫結束後被應用  
42. -->  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="https://schemas.android.com/apk/res/android"  
3.     android:repeatMode="reverse" >  
4.   
5.     <translate  
6.         android:duration="1000"  
7.         android:fromXDelta="0"  
8.         android:fromYDelta="-15"  
9.         android:repeatCount="infinite"  
10.         android:toXDelta="0"  
11.         android:toYDelta="20" />  
12.   
13.     <alpha  
14.         android:duration="1000"  
15.         android:fromAlpha="1.0"  
16.         android:repeatCount="infinite"  
17.         android:toAlpha="0.3" />  
18.   
19. </set>  

1. <alpha  
2.       android:duration="1000"  
3.       android:fromAlpha="1.0"  
4.       android:repeatCount="infinite"  
5.       android:toAlpha="0.3" />  
6.   <!--  
7.        透明度控製動畫效果 alpha  
8.       浮點型值：  
9.           fromAlpha 屬性為動畫起始時透明度  
10.           toAlpha   屬性為動畫結束時透明度  
11.           說明:   
12.               0.0表示完全透明  
13.               1.0表示完全不透明  
14.           以上值取0.0-1.0之間的float數據類型的數字  
15.          
16.       長整型值：  
17.           duration  屬性為動畫持續時間  
18.           說明:       
19.               時間以毫秒為單位  
20.       整型值:          
21.           repeatCount：重複次數  
22.           說明：  
23.           infinite：循環執行，  
24.           具體正整數表示循環次數  
25.             
26.            repeatMode：重複模式，  
27.            說明：  
28.               restart：重新從頭開始執行  
29.               reverse：反方向執行  
30.              
31.   -->  

1. <translate  
2.      android:duration="1000"  
3.      android:fromXDelta="0"  
4.      android:fromYDelta="-15"  
5.      android:repeatCount="infinite"  
6.      android:toXDelta="0"  
7.      android:toYDelta="20" />  
8.  <!-- translate 平移動畫效果  
9.      整型值:  
10.          fromXDelta 屬性為動畫起始時 X坐標上的位置      
11.          toXDelta   屬性為動畫結束時 X坐標上的位置  
12.          fromYDelta 屬性為動畫起始時 Y坐標上的位置  
13.          toYDelta   屬性為動畫結束時 Y坐標上的位置  
14.          注意:  
15.                   沒有指定fromXType toXType fromYType toYType 時候，  
16.                   默認是以自己為相對參照物  ，默認參考物最重要           
17.      長整型值：  
18.          duration  屬性為動畫持續時間  
19.          說明:   時間以毫秒為單位  
20. gt;  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="https://schemas.android.com/apk/res/android" >  
3.   
4.     <scale  
5.         android:duration="800"  
6.         android:fillAfter="false"  
7.         android:fromXScale="0.0"  
8.         android:fromYScale="0.0"  
9.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
10.         android:pivotX="50%"  
11.         android:pivotY="50%"  
12.         android:toXScale="1.2"  
13.         android:toYScale="1.2" />  
14.   
15.     <rotate  
16.         android:duration="3000"  
17.         android:fromDegrees="0"  
18.         android:pivotX="50%"  
19.         android:pivotY="50%"  
20.         android:repeatCount="-1"  
21.         android:toDegrees="359.0" />  
22.   
23. </set>  

1.   <rotate  
2.         android:duration="3000"  
3.         android:fromDegrees="0"  
4.         android:pivotX="50%"  
5.         android:pivotY="50%"  
6.         android:repeatCount="-1"  
7.         android:toDegrees="359.0" />  
8.     <!-- rotate 旋轉動畫效果  
9.        屬性：interpolator 指定一個動畫的插入器  
10.              
11.        浮點數型值:  
12.             fromDegrees 屬性為動畫起始時物件的角度      
13.             toDegrees   屬性為動畫結束時物件旋轉的角度 可以大於360度     
14.    
15.            
16.             說明:  
17.                      當角度為負數——表示逆時針旋轉  
18.                      當角度為正數——表示順時針旋轉                
19.                      (負數from——to正數:順時針旋轉)     
20.                      (負數from——to負數:逆時針旋轉)   
21.                      (正數from——to正數:順時針旋轉)   
22.                      (正數from——to負數:逆時針旋轉)         
23.    
24.             pivotX     屬性為動畫相對於物件的X坐標的開始位置  
25.             pivotY     屬性為動畫相對於物件的Y坐標的開始位置  
26.                    
27.             說明:        以上兩個屬性值 從0%-100%中取值  
28.                          50%為物件的X或Y方向坐標上的中點位置  
29.    
30.         長整型值：  
31.             duration  屬性為動畫持續時間  
32.             說明:       時間以毫秒為單位  
33. -->  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <animation-list xmlns:android="https://schemas.android.com/apk/res/android"  
3.     android:oneshot="false" >  
4. <!--     
5.     根標簽為animation-list，其中oneshot代表著是否隻展示一遍，設置為false會不停的循環播放動畫    
6.     根標簽下，通過item標簽對動畫中的每一個圖片進行聲明    
7.     android:duration 表示展示所用的該圖片的時間長度    
8.  -->    
9.     <item  
10.         android:drawable="@drawable/tutorial1_icon1"  
11.         android:duration="200"/>  
12.     <item  
13.         android:drawable="@drawable/tutorial1_icon2"  
14.         android:duration="200"/>  
15.   
16. </animation-list>  

1. t1_icon1.setImageResource(R.drawable.t1_frame_animation);  
2.             t1_icon1_animationDrawable = (AnimationDrawable) t1_icon1  
3.                     .getDrawable();  
4.             t1_icon1_animationDrawable.start();  

1. view3.getViewTreeObserver().addOnGlobalLayoutListener(  
2.             new OnGlobalLayoutListener() {  
3.   
4.                 @Override  
5.                 public void onGlobalLayout() {  
6.                     // TODO Auto-generated method stub  
7.                     int h1 = centerLayout.getTop();  
8.                     int h2 = centerLayout.getBottom();  
9.                     DensityUtil densityUtil = new DensityUtil(  
10.                             MainActivity.this);  
11.                     int w = densityUtil.getScreenWidth();  
12.   
13.                     fx1 = t3_icon2.getTop() + t3_icon2.getHeight();  
14.                     fy1 = -t3_icon2.getTop() - t3_icon2.getHeight();  
15.                     tx1 = -t3_icon2.getWidth() - t3_icon2.getLeft();  
16.                     ty1 = t3_icon2.getTop() + t3_icon2.getLeft()  
17.                             + t3_icon2.getWidth();  
18.   
19.                     fx2 = t3_icon3.getTop() + t3_icon3.getHeight();  
20.                     fy2 = -t3_icon3.getTop() - t3_icon3.getHeight();  
21.                     tx2 = -t3_icon3.getWidth() - t3_icon3.getLeft();  
22.                     ty2 = t3_icon3.getTop() + t3_icon3.getLeft()  
23.                             + t3_icon3.getWidth();  
24.   
25.                     fx3 = w - t3_icon4.getLeft();  
26.                     fy3 = -(w - t3_icon4.getLeft());  
27.                     tx3 = -(h2 - h1 - t3_icon4.getTop());  
28.                     ty3 = h2 - h1 - t3_icon4.getTop();  
29.   
30.                     fx4 = w - t3_icon5.getLeft();  
31.                     fy4 = -(w - t3_icon5.getLeft());  
32.                     tx4 = -(h2 - h1 - t3_icon5.getTop());  
33.                     ty4 = h2 - h1 - t3_icon5.getTop();  
34.                 }  
35.             });  

上麵基本實現了墨跡天氣的動畫效果。