2012-03-20 3 views
2

シンプルなアニメーションを作りたいと思います。私のロゴは、4つの部分に分かれています。複数のビューでアニメーションを同期する

1 | 2

3 |私はにフェードイン・アウトの各パートをしたいと思います4

が、他の後にのみ1: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の2番目のビューの開始アニメーション。 http://stackoverflow.com/a/4112620/2624806最初のビューのアニメーションをクリアするのに役立ちます。 – CoDe

答えて

1

スタートのみanim1:

logo1.startAnimation(anim1); 

とanim1のAnimationListenerのonAnimationEndで行います

logo2.startAnimation(anim2); 

anim1が終了する前にanim2が開始されませんこの方法です。

関連する問題