android-简单的淡出和淡入淡出的视景动画 [英] android- simple fade out and fade in animation for viewflipper

问题描述

我是android的新手，我对android动画了解不多. 我有一个Viewflipper，我想在其中的图像之间制作动画. 这是代码:

I'm new to android and I don't know a lot about android animation . I've a viewflipper and I want to animate between images inside it . This is the code :

 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);
    }

2个动画文件不好，它们的动画效果很差. 我只需要一个代码即可淡出前面的图像并淡入下一个图像，并对其中的所有图像执行相同的操作.

The 2 animated file are not good , they animate very badly . I just need a code to fade out the front image and fade in the next image and do the same for all images inside it.

有人可以帮我吗?

谢谢

推荐答案

请参阅以下链接，它们也具有动画xml:

Refer these links, they also have the animation xml's:

链接1 & 链接2

示例类:

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;
    }
}

淡入淡出的Java代码:

Fade In-Out Usiong Java Code:

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);

动画Xml:

淡入:

<?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>

淡出:

<?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>

已经超过2年了，很多人似乎都在指这个答案，因此，为了帮助所有人进行材料设计过渡，这里提供了一些参考链接.

It's been more than 2 years and lot of people seem to be referring to this answer, so to help all with Material design transitions and some new transitions here are a couple of reference links.

对所有事物进行动画处理. Android中的过渡

材质动画

这篇关于android-简单的淡出和淡入淡出的视景动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！