Android ImageView实现类似Gif动图的效果
16lz
2021-01-23
已经过时的方法:
android studio会报错:
错误行:imageView.setBackgroundResource(R.anim.framebyframe);
错误为:expected resource of type
stackoverflow描述:http://stackoverflow.com/questions/24716385/android-studios-expected-resource-of-type-checks
错误原因;AS checks that someint
parameters are not arbitrary integers, but rather have some properties.
新建一个framebyframe.xml文件
[java] view plain copy- <animation-listxmlns:android="http://schemas.android.com/apk/res/android"
- android:oneshot="false">
- <itemandroid:drawable="@drawable/an01"android:duration="1000"/>
- <itemandroid:drawable="@drawable/an02"android:duration="1000"/>
- <itemandroid:drawable="@drawable/an03"android:duration="2000"/>
- </animation-list>
- <!--
- oneshot:是否只播放一遍动画true播放一遍false循环播放
- 默认就是false
- -->
下边 就是具体代码实现了:
- publicclassSplashActivityextendsActivity{
- privateImageViewimageView;
- privateAnimationDrawableanimationDrawable;
- @Override
- protectedvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
- //帧动画
- imageView=(ImageView)findViewById(R.id.imageView1);
- //第一种方式实现动画
- /*animationDrawable=(AnimationDrawable)getResources().getDrawable(
- R.anim.framebyframe);
- imageView.setBackgroundDrawable(animationDrawable);*/
- //第二种方式实现动画
- imageView.setBackgroundResource(R.anim.framebyframe);
- animationDrawable=(AnimationDrawable)imageView.getBackground();
- animationDrawable.start();//开始
- //animationDrawable.setOneShot(false);是否循环播放
- //animationDrawable.stop();停止播放
- //animationDrawable.isRunning();//是否播放
- //animationDrawable.getNumberOfFrames();//播放帧
- //animationDrawable.getFrame(index);返回制定索引的Drawable对象
- //animationDrawable.getDuration(i);停留的时间
- //延迟三秒跳转
- newHandler(){
- publicvoidhandleMessage(android.os.Messagemsg){
- if(msg.what==1){
- //声明意图对象实现跳转
- Intentintent=newIntent(SplashActivity.this,
- MainActivity.class);
- startActivity(intent);
- }
- };
- }.sendEmptyMessageDelayed(1,3000);//三秒
- }
- /*@Override
- publicbooleanonTouchEvent(MotionEventevent){
- if(event.getAction()==MotionEvent.ACTION_DOWN){
- animationDrawable.start();
- returntrue;
- }
- returnsuper.onTouchEvent(event);
- }
- */
- }
正确方法:
第一步:先上图片素材,以下素材放到res/drawable目录下:
http://blog.csdn.net/aminfo/article/details/7847761
图片素材: |
|
|
|
|
|
|
文件名称: | icon1.png | icon2.png | icon3.png | icon4.png | icon5.png | icon6.png |
第二步:上动画Animation-list帧布局文件,有2个,一个是按顺序显示动画,一个是倒序显示动画,文件存放在res/drawable目录下
顺序显示动画文件:animation1.xml
[html] view plain copy- <?xmlversion="1.0"encoding="utf-8"?>
- <!--
- 根标签为animation-list,其中oneshot代表着是否只展示一遍,设置为false会不停的循环播放动画
- 根标签下,通过item标签对动画中的每一个图片进行声明
- android:duration表示展示所用的该图片的时间长度
- -->
- <animation-list
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:oneshot="true"
- >
- <itemandroid:drawable="@drawable/icon1"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon2"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon3"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon4"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon5"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon6"android:duration="150"></item>
- </animation-list>
倒序显示动画文件:animation2.xml
[html] view plain copy- <?xmlversion="1.0"encoding="utf-8"?>
- <!--
- 根标签为animation-list,其中oneshot代表着是否只展示一遍,设置为false会不停的循环播放动画
- 根标签下,通过item标签对动画中的每一个图片进行声明
- android:duration表示展示所用的该图片的时间长度
- -->
- <animation-list
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:oneshot="true"
- >
- <itemandroid:drawable="@drawable/icon6"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon5"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon4"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon3"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon2"android:duration="150"></item>
- <itemandroid:drawable="@drawable/icon1"android:duration="150"></item>
- </animation-list>
第三步:上布局文件,放在res/layout目录下,文件名main.xml:
- <?xmlversion="1.0"encoding="utf-8"?>
- <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:orientation="vertical">
- <ImageViewandroid:id="@+id/animationIV"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:padding="5px"
- android:src="@drawable/animation1"/>
- <Buttonandroid:id="@+id/buttonA"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:padding="5px"
- android:text="顺序显示"/>
- <Buttonandroid:id="@+id/buttonB"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:padding="5px"
- android:text="停止"/>
- <Buttonandroid:id="@+id/buttonC"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:padding="5px"
- android:text="倒序显示"/>
- </LinearLayout>
第四步:上Activity文件,文件名:MainActivity.java
[java] view plain copy- packageorg.shuxiang.test;
- importandroid.app.Activity;
- importandroid.graphics.drawable.AnimationDrawable;
- importandroid.os.Bundle;
- importandroid.view.View;
- importandroid.view.View.OnClickListener;
- importandroid.view.Window;
- importandroid.widget.Button;
- importandroid.widget.ImageView;
- publicclassActivity10extendsActivity
- {
- privateImageViewanimationIV;
- privateButtonbuttonA,buttonB,buttonC;
- privateAnimationDrawableanimationDrawable;
- @Override
- publicvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- requestWindowFeature(Window.FEATURE_NO_TITLE);
- setContentView(R.layout.test10);
- animationIV=(ImageView)findViewById(R.id.animationIV);
- buttonA=(Button)findViewById(R.id.buttonA);
- buttonB=(Button)findViewById(R.id.buttonB);
- buttonC=(Button)findViewById(R.id.buttonC);
- buttonA.setOnClickListener(newOnClickListener()
- {
- @Override
- publicvoidonClick(Viewv){
- //TODOAuto-generatedmethodstub
- animationIV.setImageResource(R.drawable.animation1);
- animationDrawable=(AnimationDrawable)animationIV.getDrawable();
- animationDrawable.start();
- }
- });
- buttonB.setOnClickListener(newOnClickListener()
- {
- @Override
- publicvoidonClick(Viewv){
- //TODOAuto-generatedmethodstub
- animationDrawable=(AnimationDrawable)animationIV.getDrawable();
- animationDrawable.stop();
- }
- });
- buttonC.setOnClickListener(newOnClickListener()
- {
- @Override
- publicvoidonClick(Viewv){
- //TODOAuto-generatedmethodstub
- animationIV.setImageResource(R.drawable.animation2);
- animationDrawable=(AnimationDrawable)animationIV.getDrawable();
- animationDrawable.start();
- }
- });
- }
- }
更多相关文章
- [android]寫一個system/bin 下的可執行文件
- Android mediaScanner 删除U盘上的文件
- android tabHost布局之一 不继承TabActivity并以布局文件进行布
- Android踩坑——mkdir方法中返回false导致新建文件失败
- Android中在sdcard上创建文件夹
- android项目中的功能清单文件
- Android学习之保存Bitmap到指定文件夹
- Android中在sdcard上创建文件夹,注意加权限!!!!
- android,在文件中找一个String