Animation的部分
android的animation分为scale,rotate,tranlateAnimation,alpha这几种
start animation的方式以下几种:
<span style="white-space:pre"> </span> t1_icon1.setImageResource(R.drawable.t1_frame_animation); //<span style="font-family: Arial, Helvetica, sans-serif;">t1_frame_animation这个动画是放在drawable下的</span> t1_icon1_animationDrawable = (AnimationDrawable) t1_icon1 .getDrawable(); t1_icon1_animationDrawable.start();
t1_frame_animation的xml 是两种图案的交替显示: <?xml version="1.0" encoding="UTF-8"?> <animation-list android:oneshot="false" xmlns:android="http://schemas.android.com/apk/res/android"> <item android:duration="200" android:drawable="@drawable/tutorial1_icon1" /> <item android:duration="200" android:drawable="@drawable/tutorial1_icon2" /> </animation-list>
还有一种是放在anim文件夹下:
<span style="white-space:pre"> </span> Animation tutorail_rotate = AnimationUtils.loadAnimation(MainActivity.this, R.anim.tutorail_rotate); t1_icon2.startAnimation(tutorail_rotate);
<?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <scale android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:duration="800" android:pivotX="50.0%" android:pivotY="50.0%" android:fillAfter="false" android:fromXScale="0.0" android:toXScale="1.2" android:fromYScale="0.0" android:toYScale="1.2" /> <rotate android:duration="3000" android:fromDegrees="0.0" android:toDegrees="359.0" android:pivotX="50.0%" android:pivotY="50.0%" android:repeatCount="infinite" /> </set>
其中: pivotX为属性为动画相对于物件的X坐标的开始位置,一般填50%,就是View的中心点,repeateCount的意思是重复的次数
还有一种为LayoutAnimation:
直接在xml中加载
对于这样的引导页面:
第一页的动画是:
t1_icon1.setImageResource(R.drawable.t1_frame_animation); t1_icon1_animationDrawable = (AnimationDrawable) t1_icon1 .getDrawable(); t1_icon1_animationDrawable.start(); Animation tutorail_rotate = AnimationUtils.loadAnimation(MainActivity.this, R.anim.tutorail_rotate); t1_icon2.startAnimation(tutorail_rotate); Animation tutorail_scalate = AnimationUtils.loadAnimation(MainActivity.this, R.anim.tutorail_scalate); t1_fixed.startAnimation(tutorail_scalate); Animation tutorail_bottom = AnimationUtils.loadAnimation(MainActivity.this, R.anim.tutorail_bottom); t1_next.startAnimation(tutorail_bottom);
<pre name="code" class="java" style="line-height: 18px;">tutorail_scalate<span style="font-family: Consolas, 'Courier New', Courier, mono, serif;">为:</span>
<?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <scale android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:duration="1000" android:pivotX="50.0%" android:pivotY="50.0%" android:fillAfter="false" android:fromXScale="0.0" android:toXScale="1.1" android:fromYScale="0.0" android:toYScale="1.1" /> </set>
<span style="font-family: Consolas, 'Courier New', Courier, mono, serif;">tutorail_bottom为:</span>
<pre name="code" class="java" style="line-height: 18px;"><pre name="code" class="html"><?xml version="1.0" encoding="UTF-8"?> <set android:repeatMode="reverse" xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="1000" android:repeatCount="infinite" android:fromXDelta="0.0" android:toXDelta="0.0" android:fromYDelta="-15.0" android:toYDelta="20.0" /> <alpha android:duration="1000" android:repeatCount="infinite" android:fromAlpha="1.0" android:toAlpha="0.3" /> </set>
第一页的Layout为:
<pre name="code" class="html"><?xml version="1.0" encoding="UTF-8"?> <LinearLayout android:gravity="center" android:orientation="vertical" android:background="@android:color/white" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"> <ImageView android:id="@+id/t1_fixed" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="15.0dip" android:src="@drawable/tutorial1_fixed" /> <RelativeLayout android:id="@+id/center_layout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_centerInParent="true"> <ImageView android:id="@+id/t1_icon1" android:background="@drawable/t1_frame_animation" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="180.0dip" android:layout_marginTop="53.0dip" /> <ImageView android:id="@+id/t1_icon2" android:visibility="visible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="30.0dip" android:src="@drawable/tutorial1_icon3" android:layout_below="@id/t1_icon1" android:layout_centerHorizontal="true" /> <ImageView android:id="@+id/t1_static" android:visibility="visible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tutorial1_static" android:layout_centerHorizontal="true" /> <ImageView android:id="@+id/t1_text" android:visibility="visible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10.0dip" android:src="@drawable/tutorial1_text" android:layout_below="@id/t1_static" android:layout_centerHorizontal="true" /> </RelativeLayout> <ImageView android:id="@+id/t1_next" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="20.0dip" android:src="@drawable/tutorial_next" /> </LinearLayout>
第4页的火箭是采用:
<span style="white-space:pre"> </span>t3_icon6.setImageResource(R.drawable.t3_frame_animation); <span style="white-space:pre"> </span>AnimationDrawable t3_icon6_animationDrawable = (AnimationDrawable) t3_icon6.getDrawable(); <span style="white-space:pre"> </span>t3_icon6_animationDrawable.start();
<pre name="code" class="html" style="line-height: 18px;">t3_frame_animation为:
<?xml version="1.0" encoding="UTF-8"?> <animation-list android:oneshot="false" xmlns:android="http://schemas.android.com/apk/res/android"> <item android:duration="70" android:drawable="@drawable/rocket_long" /> <item android:duration="70" android:drawable="@drawable/rocket_middle" /> <item android:duration="70" android:drawable="@drawable/rocket_short" /> </animation-list>
第四页的摆动动画这样写:
int pivot = Animation.RELATIVE_TO_SELF; <span style="white-space:pre"> </span>CycleInterpolator interpolator = new CycleInterpolator(3.0f); <span style="white-space:pre"> </span>RotateAnimation animation = new RotateAnimation(0, 10, pivot, 0.47f, pivot, 0.05f); <span style="white-space:pre"> </span>animation.setStartOffset(500); <span style="white-space:pre"> </span>animation.setDuration(3000); <span style="white-space:pre"> </span>animation.setRepeatCount(1);// Animation.INFINITE <span style="white-space:pre"> </span>animation.setInterpolator(interpolator); <span style="white-space:pre"> </span>t4_icon1.startAnimation(animation);