android的ViewPager和Animation有些使用(二)

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>

</pre><pre code_snippet_id="426826" snippet_file_name="blog_20140715_11_1748017" name="code" class="html">第一页的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>

</pre><pre code_snippet_id="426826" snippet_file_name="blog_20140715_14_7418428" name="code" class="html">第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><pre code_snippet_id="426826" snippet_file_name="blog_20140715_17_3437503" name="code" class="html"><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);