animation有四种动画类型:分别为alpha(透明的渐变)、rotate(旋转)、scale(尺寸伸缩)、translate(移动),二实现的分发有两种,一种是javaCode,另外一种是XML,而我今天要说的是XML实现的方法,个人感觉javaCode的实现方法比xml要简单,所以有需要的可以自己去找找资料看看。

先给大家展示下效果图,如果大家感觉还不错,请继续往下阅读。

d5386d1b3b18414d8fd82d8b20fb6b5f.png

32be7285bef40c4ffa57cf85db17f70e.png

下面是我的四个xml文件,分别代表这四种动画类型。

alpha.xml

COde:

android:interpolator="@android:anim/accelerate_interpolator">

android:fromAlpha="1.0"

android:toAlpha="0.0"

android:startOffset="500"

android:duration="5000"

/>

rotate.xml

android:interpolator="@android:anim/accelerate_interpolator">

android:fromDegrees="0"

android:toDegrees="+360"

android:pivotX="50%"

android:pivotY="50%"

android:duration="5000"

/>

scale.xml

android:interpolator="@android:anim/accelerate_interpolator">

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"

/>

translate.xml

android:interpolator="@android:anim/accelerate_interpolator">

android:fromXDelta="0%"

android:toXDelta="100%"

android:fromYDelta="0%"

android:toYDelta="0%"

android:duration="5000"

/>

下面是主界面xml的布局

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:id="@+id/image1"

android:layout_width="match_parent"

android:layout_height="200px"

/>

android:id="@+id/image2"

android:layout_width="match_parent"

android:layout_height="200px"

/>

android:id="@+id/image3"

android:layout_width="match_parent"

android:layout_height="200px"

/>

android:id="@+id/image4"

android:layout_width="match_parent"

android:layout_height="200px"

/>

然后是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);

}

}

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐