Erstellen scan-animation mit android studio

ich bin die Probleme der Erstellung einer scan-animation auf meinem android-Anwendung.Zum Beispiel habe ich in dieser Anwendung 'Fingerprint love scanner prank", die die scan-animation und ich möchte Sie implementieren dieselbe auf meine android-app. Ich habe versucht zu implementieren, das gleiche auf meinem android Anwendung, aber vergeblich. Das ist mein android code snippets.

Animation.Java Aktivität

          scan.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View view, MotionEvent motionEvent) {


                    final CountDownTimer start = new CountDownTimer(4000, 1000) {

                        public void onTick(long millisUntilFinished) {
                            scanner.setVisibility(View.VISIBLE);
                            anim1 = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.progress);
                            scanner.startAnimation(anim1);


                        }

                        public void onFinish() {

                            scanner.setVisibility(View.INVISIBLE);

                        }
                    }.start();
                    return false;
                }


            });

Animation.xml

Enthält den scanner-Bild definiert, um die Bildansicht, wie unten gezeigt

<LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="40dp"
            android:id="@+id/scan"
            android:background="@drawable/bgscanner">

            <ImageView
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:src="@drawable/scanner"
                android:id="@+id/scanner1"
                android:layout_marginTop="20dp"
                android:visibility="invisible"
                />
        </LinearLayout>

Meine Animation drawable

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    android:fillAfter="true">

    <translate
        android:fromYDelta="0%p"
        android:toYDelta="75%p"
        android:duration="800"
        />
</set>

Mein großes Problem ist, auf touch-Ereignis wird die animation nicht ausgeführt. Das heißt, der Bild-Leiste nicht schwingen entlang der vertikalen Achse. Ich bitte jede Hilfe von stackoverflow

InformationsquelleAutor Daniel Nyamasyo | 2016-11-06

Bearbeitet

Dieses problem kann gelöst werden mit einem sehr kleinen code.

Zuerst ändern Sie Ihre XML-animation-code zu diesem:

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fillAfter="false">

    <translate
        android:fromYDelta="0%p"
        android:toYDelta="100%p"
        android:duration="1000"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        />
</set>

Ihr layout sollte so etwas wie dieses:

<LinearLayout
        android:id="@+id/image"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="@mipmap/ic_launcher">

        <View
            android:id="@+id/bar"
            android:layout_width="200dp"
            android:layout_height="6dp"
            android:visibility="gone"
            android:background="@android:color/black"
            android:src="@mipmap/ic_launcher"/>
    </LinearLayout>

Und in Ihrer Aktivität, kann der code wie folgt Aussehen:

LinearLayout imageView = (LinearLayout) findViewById(R.id.image);
        final View bar = findViewById(R.id.bar);
        final Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.anim);
        animation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {}

            @Override
            public void onAnimationEnd(Animation animation) {
                bar.setVisibility(View.GONE);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {}
        });

        imageView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                bar.setVisibility(View.VISIBLE);
                bar.startAnimation(animation);
                return false;
            }
        });

Und auf diese Weise sind Sie gehen zu müssen zu diesem Ergebnis:

Erstellen scan-animation mit android studio

Habe ich eine Ansicht anstelle einer Bildansicht, um die scan-bar, aber Sie können den code ändern, um Ihre Bedürfnisse.

Ich hoffe, es hilft!

EDIT 2:

Wenn Sie möchten, dass die animation nur geschehen, wenn das Bild gedrückt wird, ändern Sie den code zu diesem:

imageView.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View view, MotionEvent motionEvent) {
            if(motionEvent.getAction() == MotionEvent.ACTION_DOWN){
                bar.setVisibility(View.VISIBLE);
                bar.startAnimation(animation);
            } else if(motionEvent.getAction() == MotionEvent.ACTION_UP){
                bar.setVisibility(View.GONE);
                animation.cancel();
            }

            return false;
        }
    });

Es, lösen Sie die animation, wenn das Bild gedrückt wird (MotionEvent.ACTION_DOWN) und es geht um die Bewegungssimulation zu stoppen, wenn das Bild veröffentlicht (MotionEvent.ACTION_UP)

Dank Leandro ... es funktioniert ... wie können Sie es werden kontinuierliche
Meinst du, machen es sich unendlich wiederholen? Ändern Sie das android:repeatCount=4 für android:repeatCount="unendlich". Wenn Sie möchten, zeigen Sie die animation nur, wenn das Bild gedrückt wird, Folgen Sie den EDIT-2
Fabelhaft! Danke mate 🙂

InformationsquelleAutor Leandro Borges Ferreira

Anstelle des Countdown-Timers verwenden Wert animator die animation in onTouch listner.

scan.setOnTouchListener(new View.OnTouchListener() {
  @Override
  public boolean onTouch(View view, MotionEvent motionEvent) {
   if(motionEvent.getAction==MotionEvent.ACTION_DOWN){ 
     ValueAnimator valueAnimator=ValueAnimator.ofFloat(0,75);
     valueAnimator.setDuration(4000);
     valueAnimator.setInterpolator(new DecelerateInterpolator());
     valueAnimator.addListener(new Animator.AnimatorListener() {
        @Override
        public void onAnimationStart(Animator animation) {
           scanner.setVisibilty(View.VISIBLE);
        }
        @Override
        public void onAnimationEnd(Animator animation) {
            scanner.setVisibilty(View.INVISIBLE);
        }
        @Override
        public void onAnimationCancel(Animator animation) {
             scanner.setVisibilty(View.INVISIBLE);
        }
        @Override
        public void onAnimationRepeat(Animator animation) {
         }
        });
     valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener()      {
           @Override
           public void onAnimationUpdate(ValueAnimator animation) {
              float translate= (float) animation.getAnimatedValue();
              scanner.setTranslationY(translate);//translate scanner in Y direction
           }
       });
    valueAnimator.start();
   }
 return true;
}

lassen Sie mich versuchen, die oben, Dank für die Antwort
Nun, die animation bar ist immer off-Fokus. Es versteckt von der Ansicht auf touch-event

InformationsquelleAutor Jinesh Francis

Versuchen Sie dies:

@Override
public boolean onTouch(View view, MotionEvent motionEvent) {

      final CountDownTimer start = new CountDownTimer(4000, 1000) {

     anim1 = AnimationUtils.loadAnimation(getApplicationContext(),
            R.anim.progress);

    //set animation listener
    anim1.setAnimationListener(this);

    //button click event
    scan.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onTick(View v) {
            scanner.setVisibility(View.VISIBLE);

            //start the animation
            scanner.startAnimation(anim1);
        }            
    });

}
@Override
public void onAnimationEnd(Animation animation) {
    //Take any action after completing the animation

    //check for fade in animation
    if (animation == anim1) {
        Toast.makeText(getApplicationContext(), "Animation Stopped",
                Toast.LENGTH_SHORT).show();
    }

}

InformationsquelleAutor Harun Cerim

Für die animation auf android , ich rate Ihnen, zu verwenden, Animation Drawable , es ist einfach zu implementieren : https://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html
Erste Schritte zum anzeigen einer animation (Gif durch Beispiel) , wir es teilen, um pngs (online durch das Beispiel, das ich verwenden http://ezgif.com/ , dann habe ich die Initialisierung auf xml-drawable :

<!-- Animation frames are wheel0.png through wheel5.png
     files inside the res/drawable/folder -->
 <animation-list android:id="@+id/selected" android:oneshot="false">
    <item android:drawable="@drawable/wheel0" android:duration="50" />
    <item android:drawable="@drawable/wheel1" android:duration="50" />
    <item android:drawable="@drawable/wheel2" android:duration="50" />
    <item android:drawable="@drawable/wheel3" android:duration="50" />
    <item android:drawable="@drawable/wheel4" android:duration="50" />
    <item android:drawable="@drawable/wheel5" android:duration="50" />
 </animation-list>

Schließlich lade ich es auf meine definierten Klasse :

//Load the ImageView that will host the animation and
 //set its background to our AnimationDrawable XML resource.
 ImageView img = (ImageView)findViewById(R.id.spinning_wheel_image);
 img.setBackgroundResource(R.drawable.spin_animation);

 //Get the background, which has been compiled to an AnimationDrawable object.
 AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground();

 //Start the animation (looped playback by default).
 frameAnimation.start();

InformationsquelleAutor Sofien Rahmouni Virtuel

ändern Sie Ihre animation zu diesem

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    duration="4000"
    android:repeatMode="reverse"
    android:fillAfter="false">

    <translate
        android:fromYDelta="0%p"
        android:toYDelta="75%p"
        android:duration="800"/>
</set>

und Ihren code

scan.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View view, MotionEvent motionEvent) {

                            scanner.setVisibility(View.VISIBLE);
                            anim1 = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.progress);
                            anim1.setAnimationListener(new Animation.AnimationListener() {
                                @Override
                                public void onAnimationStart(Animation animation) {

                                }

                                @Override
                                public void onAnimationEnd(Animation animation) {
                                scanner.setVisibility((View.INVISIBLE)
                                }

                                @Override
                                public void onAnimationRepeat(Animation animation) {

                                }
                            });
                            scanner.startAnimation(anim1);

                 }
            });

Dennoch ist es immer noch nicht funktioniert . Das, was im ich nicht tun?? Bitte unterstützen Sie. Ich bin wirklich stecken
besser das problem beschreiben. es ist immer Noch nicht arbeiten ist nicht sehr hilfreich
Die animation bar noch nicht schwingt, bleibt es auf der gleichen position
Ich hab das versucht und es funktioniert

InformationsquelleAutor Jozef Dochan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.