2012-03-20 100 views
2

我想製作一個簡單的動畫。我的標誌是在4個部分分爲:在多個視圖上同步動畫

1 | 2

3 | 4

我想淡入出每個部分,但只有一個接一個:1 - > 2 - > 4 - > 3 - > 1 ... 我有這個沒有問題,但有時我的動畫不同步和4個部分同時動畫:

final ImageView logo1 = (ImageView) v.findViewById(R.id.logo1); 
    logo1.clearAnimation(); 
    final ImageView logo2 = (ImageView) v.findViewById(R.id.logo2); 
    logo2.clearAnimation(); 
    final ImageView logo3 = (ImageView) v.findViewById(R.id.logo3); 
    logo3.clearAnimation(); 
    final ImageView logo4 = (ImageView) v.findViewById(R.id.logo4); 
    logo4.clearAnimation(); 

    final Animation anim1 = AnimationUtils.loadAnimation(c, R.anim.animlogo); 
    anim1.setFillAfter(true); 
    anim1.setStartOffset(0); 
    final Animation anim2 = AnimationUtils.loadAnimation(c, R.anim.animlogo); 
    anim2.setStartOffset(anim1.getDuration()); 
    anim2.setFillAfter(true); 
    final Animation anim3 = AnimationUtils.loadAnimation(c, R.anim.animlogo); 
    anim3.setStartOffset(anim1.getDuration()+anim2.getDuration()); 
    anim3.setFillAfter(true); 
    final Animation anim4 = AnimationUtils.loadAnimation(c, R.anim.animlogo); 
    anim4.setStartOffset(anim1.getDuration()+anim2.getDuration()+anim3.getDuration()); 
    anim4.setFillAfter(true); 

    anim1.setAnimationListener(new AnimationListener() { 

     @Override 
     public void onAnimationStart(Animation animation) {} 

     @Override 
     public void onAnimationRepeat(Animation animation) {} 

     @Override 
     public void onAnimationEnd(Animation animation) { 
      anim1.setStartOffset(anim2.getDuration()+anim4.getDuration()+anim3.getDuration()); 
      logo1.startAnimation(anim1); 
     } 
    }); 

    anim2.setAnimationListener(new AnimationListener() { 

     @Override 
     public void onAnimationStart(Animation animation) {} 

     @Override 
     public void onAnimationRepeat(Animation animation) {} 

     @Override 
     public void onAnimationEnd(Animation animation) { 
      anim2.setStartOffset(anim1.getDuration()+anim4.getDuration()+anim3.getDuration()); 
      logo2.startAnimation(anim2); 
     } 
    }); 

    anim3.setAnimationListener(new AnimationListener() { 

     @Override 
     public void onAnimationStart(Animation animation) {} 

     @Override 
     public void onAnimationRepeat(Animation animation) {} 

     @Override 
     public void onAnimationEnd(Animation animation) { 
      anim3.setStartOffset(anim2.getDuration()+anim4.getDuration()+anim1.getDuration()); 
      logo4.startAnimation(anim3); 
     } 
    }); 

    anim4.setAnimationListener(new AnimationListener() { 

     @Override 
     public void onAnimationStart(Animation animation) {} 

     @Override 
     public void onAnimationRepeat(Animation animation) {} 

     @Override 
     public void onAnimationEnd(Animation animation) { 
      anim4.setStartOffset(anim2.getDuration()+anim1.getDuration()+anim3.getDuration()); 
      logo3.startAnimation(anim4); 
     } 
    }); 

    logo1.startAnimation(anim1); 
    logo2.startAnimation(anim2); 
    logo4.startAnimation(anim3); 
    logo3.startAnimation(anim4); 

    anim1.startNow();anim2.startNow();anim3.startNow();anim4.startNow(); 

任何想法?

+0

在OnAnimationEnd中爲第一視圖的第二個視圖開始動畫。 http://stackoverflow.com/a/4112620/2624806有助於清除第一視圖的動畫。 – CoDe 2014-02-18 11:50:59

回答

1

纔開始anim1:

logo1.startAnimation(anim1); 

和anim1的AnimationListener的onAnimationEnd做:

logo2.startAnimation(anim2); 

這樣anim1完成之前anim2將無法啓動。