你的位置:首页 > 操作系统

[操作系统]android xml实现animation 4种动画效果


animation有四种动画类型 分别为alpha(透明的渐变)、rotate(旋转)、scale(尺寸伸缩)、translate(移动),二实现的分发有两种,一种是javaCode,另外一种是

alpha.

 COde:

<?<set     android:interpolator="@android:anim/accelerate_interpolator">

    <!-- 渐变透明的动画效果 -->
<!--fromAlpha 动画起始透明的 1.0完全不透明
    toAlpha  动画结束时透明的 0.0完全透明
    startOffset 设置启动时间
    duration 属性动画持续时间
    -->
<alpha
    android:fromAlpha="1.0"
    android:toAlpha="0.0"
    android:startOffset="500"
    android:duration="5000"
    />
</set>

 

rotate.

 

  <?<set     android:interpolator="@android:anim/accelerate_interpolator">
  <!-- 画面转移旋转动画效果 -->
    <!--
    fromDegrees开始角度
    toDegrees结束角度
    pivotX设置旋转时的X轴坐标
    -->
   <rotate
       android:fromDegrees="0"
       android:toDegrees="+360"
       android:pivotX="50%"
       android:pivotY="50%"
       android:duration="5000"
       />
    </set>

 

scale.

 

<?<set     android:interpolator="@android:anim/accelerate_interpolator">
<!-- 渐变尺寸伸缩动画效果 -->
    <!--
         fromXScale 起始x轴坐标
           toXScale 止x轴坐标
         fromYScale 起始y轴坐标
           toYScale 止y轴坐标
           pivotX 设置旋转时的X轴坐标
           pivotY  设置旋转时的Y轴坐标
           duration 持续时间
     -->
    
<scale
    android:fromXScale="1.0"
    android:toXScale="0.0"
    android:fromYScale="1.0"
    android:toYScale="0.0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="5000"
    />
</set>

 

translate.

 

  <?<set     android:interpolator="@android:anim/accelerate_interpolator">
<!-- 画面转移位置移动动画效果 -->
    <translate
       android:fromXDelta="0%"
       android:toXDelta="100%"
       android:fromYDelta="0%"
       android:toYDelta="0%"
       android:duration="5000"  
        />

</set>

下面是主界面

<?<LinearLayout     android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <ImageView
        android:id="@+id/image1"
        android:layout_width="match_parent"
        android:layout_height="200px"
        />
    
    <ImageView
        android:id="@+id/image2"
        android:layout_width="match_parent"
        android:layout_height="200px"
        />
    
    <ImageView
        android:id="@+id/image3"
        android:layout_width="match_parent"
        android:layout_height="200px"
        />
    
    <ImageView
        android:id="@+id/image4"
        android:layout_width="match_parent"
        android:layout_height="200px"
        />

</LinearLayout>

然后是Activity代码

 

 public class AnimationDemo extends Activity{
   private Animation animation,animation1,animation2,animation3;
    private ImageView image1,image2,image3,image4;
   @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.animation);
        initView();
    }

   public void initView()
   {
       animation=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.rotate);
       animation1=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.scale);
       animation2=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.alpha);
       animation3=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.translate);
       image1=(ImageView)findViewById(R.id.image1);
       image1.setImageResource(R.drawable.jpeg);
       image2=(ImageView)findViewById(R.id.image2);
       image2.setImageResource(R.drawable.jpg);
       image3=(ImageView)findViewById(R.id.image3);
       image3.setImageResource(R.drawable.png);
       image4=(ImageView)findViewById(R.id.image4);
       image4.setImageResource(R.drawable.gif);
       image1.startAnimation(animation);
       image2.startAnimation(animation1);
       image3.startAnimation(animation2);
       image4.startAnimation(animation3);
   }
}

好了,就这样就是先了四种动画效果,另外还有一个知识点,是动画里面的速率问题,有需要的可以去上网百度看看吧。

实现效果如下: