登录
目录
当前位置： 首页 > 文档资料 > 14天学会安卓开发 >

第十二天.Android动画技术

优质
小牛编辑
133浏览
2023-12-01

第十二天.Android动画技术

12.1 Tween动画

12.1.1 动画实现

  • Tween动画 对场景中的对象不断进行图像变换，如平移、缩放、旋转。
  • Frame帧动画 顺序播放事先做好的图像，如电影。
  • GIF动画

12.1.2 代码实现Tween动画1

/* 装载资源 */
Bitmap mBitQQ mBitQQ 
  = ((BitmapDrawable)getResources().getDrawable(R.drawable.qq)).getBitmap();
/* 绘制图片 */
canvas.drawBitmap(mBitQQ, 0, 0, null); 

/* 创建Alpha动画 */
private Animation mAnimationAlpha = newAlphaAnimation(0.1f, 1.0f);
/* 设置动画的时间 */
mAnimationAlpha.setDuration(3000);
/* 开始播放动画 */
this.startAnimation(mAnimationAlpha);

/* 创建Scale动画 */
private Animation mAnimationScale 
  =newScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f,Animation.RELATIVE_TO_SELF, 
                     0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
/* 设置动画的时间 */
mAnimationScale.setDuration(500);
/* 开始播放动画 */
this.startAnimation(mAnimationScale);

12.1.3 代码实现Tween动画2

/* 创建Translate动画 */
private Animation mAnimationTranslate 
  =new TranslateAnimation(10, 100,10, 100);
/* 设置动画的时间 */
mAnimationTranslate.setDuration(1000);
/* 开始播放动画 */
this.startAnimation(mAnimationTranslate);

/* 创建Rotate动画 */
private Animation mAnimationRotate
  =newRotateAnimation(0.0f, +360.0f,Animation.RELATIVE_TO_SELF,
                      0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
/* 设置动画的时间 */
mAnimationRotate.setDuration(1000);
/* 开始播放动画 */
this.startAnimation(mAnimationRotate);

12.2.4 代码实现Tween动画:main.xml

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"    >
<TextView  
   android:layout_width="fill_parent"    android:layout_height="wrap_content" 
   android:text="@string/hello"   />
   <Button
   android:id="@+id/AlphaAnimation"   android:layout_width="fill_parent"
   android:layout_height="wrap_content"    android:text="Alpha动画"/>
   <Button
   android:id="@+id/ScaleAnimation"   android:layout_width="fill_parent"
   android:layout_height="wrap_content"    android:text="Scale动画"/>
   <Button
   android:id="@+id/TranslateAnimation"    android:layout_width="fill_parent"
   android:layout_height="wrap_content"    android:text="Translate动画"/>
   <Button
   android:id="@+id/RotateAnimation"   android:layout_width="fill_parent"
   android:layout_height="wrap_content"    android:text="Rotate动画"/>
</LinearLayout>

12.2.5 XML布局实现Tween动画

/* 装载动画布局 */
mAnimationAlpha =AnimationUtils.loadAnimation(mContext,R.anim.alpha_animation);
/* 开始播放动画 */
this.startAnimation(mAnimationAlpha);
/* 装载动画布局 */
mAnimationScale =AnimationUtils.loadAnimation(mContext,R.anim.scale_animation);
this.startAnimation(mAnimationScale);
/* 装载动画布局 */
mAnimationTranslate =AnimationUtils.loadAnimation(mContext,R.anim.translate_animation);
this.startAnimation(mAnimationTranslate);
/* 装载动画布局 */
mAnimationRotate =AnimationUtils.loadAnimation(mContext,R.anim.rotate_animation);
this.startAnimation(mAnimationRotate);

R.anim.alpha_animation

<setxmlns:android="http://schemas.android.com/apk/res/android" >
<alpha
       android:fromAlpha="0.1"
       android:toAlpha="1.0"
       android:duration="2000"
/> 
</set>

R.anim.scale_animation

<setxmlns:android="http://schemas.android.com/apk/res/android">
  <scale
         android:interpolator="@android:anim/accelerate_decelerate_interpolator"

         android:fromXScale="0.0"
         android:toXScale="1.0"

         android:fromYScale="0.0"
         android:toYScale="1.0"

         android:pivotX="50%"
         android:pivotY="50%"

         android:fillAfter="false"
         android:duration="500" />
</set>

R.anim.translate_animation

<setxmlns:android="http://schemas.android.com/apk/res/android">
<translate
       android:fromXDelta="10"
       android:toXDelta="100"
       android:fromYDelta="10"
       android:toYDelta="100"
       android:duration="1000"
/>
</set>

R.anim.rotate_animation

<set xmlns:android="http://schemas.android.com/apk/res/android">        
<rotate
android:interpolator="@android:anim/accelerate_decelerate_interpolator"

       android:fromDegrees="0" 
       android:toDegrees="+360"

       android:pivotX="50%" 
       android:pivotY="50%"    

       android:duration="1000" />
</set>

案例AnimationDemo2

12.2 Frame帧动画

12.2.1 代码实现Frame动画

/* 实例化AnimationDrawable对象 */
        private AnimationDrawable frameAnimation = newAnimationDrawable();
       /*装载资源 */
       //这里用一个循环了装载所有名字类似的资源，如“a1.......15.png”的图片
       for(int i = 1; i <= 15; i++){
              intid = getResources().getIdentifier("a" + i, "drawable",                                               
mContext.getPackageName());
               Drawable mBitAnimation =getResources().getDrawable(id);
              /*为动画添加一帧 */
              //参数mBitAnimation是该帧的图片
              //参数500是该帧显示的时间,按毫秒计算
              frameAnimation.addFrame(mBitAnimation,500);
       }
       /*设置播放模式是否循环false表示循环而true表示不循环 */
       frameAnimation.setOneShot(false );  
       /*设置本类将要显示这个动画 */
       this.setBackgroundDrawable(frameAnimation);            
       /*开始播放动画 */
       frameAnimation.start();

案例AnimationDrawableDemo

12.2.2 XML实现Frame动画

/* 定义AnimationDrawable动画对象 */
private AnimationDrawable frameAnimation= null;
/* 定义一个ImageView用来显示动画 */
ImageView img = new ImageView(mContext);
/* 装载动画布局文件 */
img.setBackgroundResource(R.anim.frameanimation);        
/* 构建动画 */
private AnimationDrawable frameAnimation= (AnimationDrawable) img.getBackground();
/* 设置是否循环 */
frameAnimation.setOneShot( false );  
/* 设置该类显示的动画 */
this.setBackgroundDrawable(frameAnimation);
/* 开始播放动画 */
frameAnimation.start();

frameanimation.xml

<animation-listxmlns:android="http://schemas.android.com/apk/res/android"
   android:oneshot="false">
   <item android:drawable="@drawable/a1"android:duration="500" />
   <item android:drawable="@drawable/a2"android:duration="500" />
   <item android:drawable="@drawable/a3"android:duration="500" />
   <item android:drawable="@drawable/a4"android:duration="500" />
   <item android:drawable="@drawable/a5"android:duration="500" />
   <item android:drawable="@drawable/a6"android:duration="500" />
   <item android:drawable="@drawable/a7"android:duration="500" />
   <item android:drawable="@drawable/a8"android:duration="500" />
   <item android:drawable="@drawable/a9"android:duration="500" />
   <item android:drawable="@drawable/a10"android:duration="500" />
   <item android:drawable="@drawable/a11"android:duration="500" />
   <item android:drawable="@drawable/a12"android:duration="500" />
   <item android:drawable="@drawable/a13"android:duration="500" />
   <item android:drawable="@drawable/a14"android:duration="500" />
   <item android:drawable="@drawable/a15"android:duration="500" />     
</animation-list>

案例AnimationDrawableDemo2

12.3 GIF动画

  • 简单介绍案例GifAnimationDemo

12.4 全屏与横屏技术

public void onCreate(BundlesavedInstanceState){
       super.onCreate(savedInstanceState);

       /*设置为无标题栏 */
       requestWindowFeature(Window.FEATURE_NO_TITLE);

       /*设置为全屏模式 */             
         getWindow().setFlags(
             WindowManager.LayoutParams.FLAG_FULLSCREEN,
             WindowManager.LayoutParams.FLAG_FULLSCREEN); 

       /*设置为横屏 */       setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
              setContentView(R.layout.main);
       }

全屏技术在拍照、录制视频、游戏中很常用

12.5 获取屏幕属性

public void onCreate(BundlesavedInstanceState){
              super.onCreate(savedInstanceState);
              setContentView(R.layout.main);
              /*定义DisplayMetrics对象 */
              DisplayMetricsdm = new DisplayMetrics();           
              /*取得窗口属性 */
              getWindowManager().getDefaultDisplay().getMetrics(dm);
              /*窗口的宽度 */
              intscreenWidth = dm.widthPixels;          
              /*窗口的高度 */
              intscreenHeight = dm.heightPixels;
              mTextView= (TextView) findViewById(R.id.TextView01);
              mTextView.setText("屏幕宽度：" + screenWidth + 
                                "\n屏幕高度：" + screenHeight);
       }

示例下载

免责声明： 以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。
@小牛知识库 xnip.cn