2017-10-26 15 views
0

私は描画ビューを持っています。ユーザーが署名を作成できる場所です。ユーザーがボタンをクリックすると、何らかのスキャナー効果を作りたいと思う - 描画の背景が左から右に変わる(スキャンの進行)。今はアニメーションを作成しましたが、全体の背景を一度に変更します。私はそれを線形にする必要があります - 左から右へ。どのようにこの効果を達成するための任意のアイデア? :)Androidのアニメーション表示を左から右へ

マイビュー:

<com.rm.freedrawview.FreeDrawView 
     android:id="@+id/draw_layout" 
     android:layout_width="400dp" 
     android:layout_height="200dp" 
     android:background="@drawable/border_background" 
     app:paintAlpha="255" 
     app:paintColor="@color/black" 
     app:paintWidth="2dp" 
     app:resizeBehaviour="crop" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="400dp"/> 

そして、これは私のアニメーションです:

@OnClick(R.id.next_button) 
    public void openActivity(){ 

     int colorFrom = getResources().getColor(R.color.red); 
     int colorTo = getResources().getColor(R.color.black); 
     ValueAnimator colorAnimation = ValueAnimator.ofObject(new ArgbEvaluator(), colorFrom, colorTo); 
     colorAnimation.setDuration(1000); 
     colorAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 

      @Override 
      public void onAnimationUpdate(ValueAnimator animator) { 
       mDraw.setBackgroundColor((int) animator.getAnimatedValue()); 

      } 

     }); 
     colorAnimation.start(); 
    } 
+1

プロパティアニメーションまたは翻訳アニメーションを使用できます。 –

+0

プロパティー・アニメーターです。ちょうど私は線形効果を達成する方法を知らない – Bartos

答えて

2

あなたはこのoffcialリンクをチェックして、あなたはここで https://developer.android.com/guide/topics/graphics/prop-animation.html

を表示アニメーション化することができますは一例ですX軸のテキストビューを100ポイント移動するコード。 このように独自のビューをアニメーション表示することができます。

ObjectAnimator animation = ObjectAnimator.ofFloat(textView, "translationX", 100f); 
animation.setDuration(1000); 
animation.start(); 

それともこの投稿 Change multiple properties with single ObjectAnimator?

をチェックして、可能ではこれを行う方法についての完全なチュートリアルです。 http://androideverywhere.in/translate-scale-rotate-alpha-animations/

+0

まだ試みている。これまでに成功していない – Bartos

+0

私はあなたがこれと一緒に必要なような効果を達成できるとは思わない。 – Bartos

+0

あなたは前方に移動した後に再び戻ってくることができ、このような影響をこのようにすることができます。 –

関連する問題