Android - proste wyciszanie i zanikanie w animacji dla viewflipper

Question

Jestem nowy dla Androida i nie wiem wiele o animacji. Mam wizjer i chcę animować między obrazami w środku. jest to kod:

 runnable = new Runnable() { 
      public void run() { 
      handler.postDelayed(runnable, 3000); 
      imageViewFlipper.setInAnimation(fadeIn); 
      imageViewFlipper.setOutAnimation(fadeOut); 
      imageViewFlipper.showNext(); 
      } 
      }; 
      handler = new Handler(); 
      handler.postDelayed(runnable, 500); 
    } 

animowany plik 2 nie są dobre, animować bardzo źle. Potrzebuję tylko kodu, aby zaniknąć przedni obraz i zaniknąć na następnym obrazie i zrobić to samo dla wszystkich obrazów wewnątrz niego.

Czy możesz mi pomóc i dać mi coś takiego?

dziękuje

Answer 1

sprawdź te linki, mają także animacja XML:

Link 1 & Link 2

Przykład Klasa:

public class ViewFlipperMainActivity extends Activity 
{ 
    private ViewFlipper viewFlipper; 
    private float lastX; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) 
    { 
       super.onCreate(savedInstanceState); 
       setContentView(R.layout.view_flipper_main); 
       viewFlipper = (ViewFlipper) findViewById(R.id.view_flipper); 
    } 



    // Method to handle touch event like left to right swap and right to left swap 
    public boolean onTouchEvent(MotionEvent touchevent) 
    { 
    switch (touchevent.getAction()) 
    { 
     // when user first touches the screen to swap 
     case MotionEvent.ACTION_DOWN: 
     { 
      lastX = touchevent.getX(); 
      break; 
     } 
     case MotionEvent.ACTION_UP: 
     { 
     float currentX = touchevent.getX(); 

     // if left to right swipe on screen 
     if (lastX < currentX) 
     { 
       // If no more View/Child to flip 
      if (viewFlipper.getDisplayedChild() == 0) 
       break; 

      // set the required Animation type to ViewFlipper 
      // The Next screen will come in form Left and current Screen will go OUT from Right 
      viewFlipper.setInAnimation(this, R.anim.in_from_left); 
      viewFlipper.setOutAnimation(this, R.anim.out_to_right); 
      // Show the next Screen 
      viewFlipper.showNext(); 
     } 

     // if right to left swipe on screen 
     if (lastX > currentX) 
     { 
      if (viewFlipper.getDisplayedChild() == 1) 
       break; 
      // set the required Animation type to ViewFlipper 
      // The Next screen will come in form Right and current Screen will go OUT from Left 
      viewFlipper.setInAnimation(this, R.anim.in_from_right); 
      viewFlipper.setOutAnimation(this, R.anim.out_to_left); 
      // Show The Previous Screen 
      viewFlipper.showPrevious(); 
     } 
     break; 
     } 
     } 
    return false; 
    } 
} 

Fade In-Out Usiong kod Java :

Animation fadeIn = new AlphaAnimation(0, 1); 
fadeIn.setInterpolator(new DecelerateInterpolator()); //add this 
fadeIn.setDuration(1500); //time in milliseconds 

Animation fadeOut = new AlphaAnimation(1, 0); 
fadeOut.setInterpolator(new AccelerateInterpolator()); //and this 
fadeOut.setStartOffset(1000); 
fadeOut.setDuration(1500); //time in milliseconds 

AnimationSet animation = new AnimationSet(false); //change to false 
animation.addAnimation(fadeIn); 
animation.addAnimation(fadeOut); 
this.setAnimation(animation); 

Animacja XML:

Fade In:

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" 
    android:interpolator="@android:anim/linear_interpolator"> 
    <alpha 
     android:fromAlpha="0.1" 
     android:toAlpha="1.0" 
     android:duration="2000" 
     /> 
</set> 

Fade Out:

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" 
    android:interpolator="@android:anim/linear_interpolator"> 
    <alpha 
     android:fromAlpha="1.0" 
     android:toAlpha="0.1" 
     android:duration="2000" 
     /> 
</set> 

in_from_left.xml

<set xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shareInterpolator="false"> 
    <translate 
     android:fromXDelta="-100%" android:toXDelta="0%" 
      android:fromYDelta="0%" android:toYDelta="0%" 
      android:duration="1400" /> 
</set> 

in_from_right.xml

<set xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shareInterpolator="false"> 
    <translate 
     android:fromXDelta="100%" android:toXDelta="0%" 
      android:fromYDelta="0%" android:toYDelta="0%" 
      android:duration="1400" /> 
</set> 

out_to_left.xml

<set xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shareInterpolator="false"> 
     <translate android:fromXDelta="0%" android:toXDelta="-100%" 
     android:fromYDelta="0%" android:toYDelta="0%" 
     android:duration="1400"/> 
</set> 

out_to_right.xml

<set xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shareInterpolator="false"> 
     <translate android:fromXDelta="0%" android:toXDelta="100%" 
     android:fromYDelta="0%" android:toYDelta="0%" 
     android:duration="1400"/> 
</set> 

view_flipper_main.xml:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <ViewFlipper 
     android:id="@+id/view_flipper" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
     <!-- The child Views/Layout to flip --> 
     <ImageView 
      android:layout_marginTop="15dp" 
      android:id="@+id/imageView1" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:src="@drawable/image1" /> 
     <ImageView 
      android:layout_marginTop="15dp" 
      android:id="@id/imageView1" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:src="@drawable/image2" /> 
    </ViewFlipper> 
</LinearLayout> 

EDIT:

Minęło ponad 2 lat i wiele osób wydaje się odnosić do tej odpowiedzi, tak aby pomóc wszystkim materiałem przejściami projektowych i niektóre nowe przejścia to kilka linków referencyjnych.

Animate all the things. Transitions in Android

Material-Animations