热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

2014-10-31Android学习------序列帧动画,开始,结束监听的解决--------GIF动画实现

写一篇文章很辛苦啊!!!转载请注明,联系请邮件nlp30508@qq.com我学习Android都是结合源代码去学习,这样比较直观,非常清楚的看清效果,觉得很好,今天的

写一篇文章很辛苦啊!!!

转载请注明,联系请邮件nlp30508@qq.com


我学习Android都是结合源代码去学习,这样比较直观,非常清楚的看清效果,觉得很好,今天的学习源码是网上找的个AnimationTest 源码 百度搜就知道很多下载的地方  网上源码的名字叫:序列帧动画,开始,结束监听的解决.zip


监听事件非常的常见  也经常用   我们一般都是利用系统里面的方法去实现    

监听事件可以是触摸(一般是按下,拖动,松开)  可以是点击(点击事件是指你设置了一个按钮或者图片等)


但是当你自己去定义一个View的时候,这个时候接口就需要你自己去定义了  

系统自定义定义的widget都是有相应的监听事件的处理,但是你自己定义了一个widget  就需要去自己写出来了,


这节将的就是当我们继承View实现了动画的展示,但是我们需要去监听这个动画并有操作该怎么办?该怎么去写这样的函数

其实它的原理跟前面的文章:26个字母的列表实现是一样的 点击我查看


根据前面的例子我们知道一般步骤是这样的:

1.自己定义一个类  让它继承Android.view.View   

2.重载这个类的构造函数,然后处理OnDraw()函数  

3.如果我们想要自己定义的视图能够被监听,是需要再类中添加监听接口(定义方法不实现)

4.如果想要这个自定义的视图实现监听,在activity中,那么首先需要把它  放在  布局文件中,也就是你需要在layout中有定义

做法一般是这样的:

  
  看到没有  我们只关心 这句话: com.wust.citylist.activity.MyLetterListView

这样做就把我们自己定义的视图当做一个控件显示在布局上了,这个时候我们就可以去处理它的监听事件了

5.接下来就在实现这个布局文件的activity类中去实现这个接口中的函数就可以了  也就是重载  


上面的步骤应该说的够清楚了,接下来我们就来看看  帧动画事件的监听处理


一. 定义自己的视图

import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.os.Handler;
import android.util.AttributeSet;
import android.widget.ImageView;

public class AnimationImageView extends ImageView {

	public AnimationImageView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}

	public AnimationImageView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		// TODO Auto-generated constructor stub
	}

	public AnimationImageView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
	}

	public interface OnFrameAnimationListener{
		/**
		 * 动画开始播放后调用
		 */
		void onStart();
		/**
		 * 动画结束播放后调用
		 */
		void onEnd();
	}
	
	/**
	 * 不带动画监听的播放
	 * @param resId
	 */
	public void loadAnimation(int resId){
		setImageResource(resId);
		AnimationDrawable anim = (AnimationDrawable)getDrawable();
		anim.start();
	}
	
	/**
	 * 带动画监听的播放
	 * @param resId
	 * @param listener
	 */
	public void loadAnimation(int resId, final OnFrameAnimationListener listener) {
		setImageResource(resId);
		AnimationDrawable anim = (AnimationDrawable)getDrawable();
		anim.start();
		if(listener != null){
			// 调用回调函数onStart
			listener.onStart();
		}
		
		// 计算动态图片所花费的事件
		int duratiOnTime= 0;
        for (int i = 0; i  
 
code说明:

1.第一个这个类是继承ImageView  ,上篇文章我们是直接继承View的

  android:id="selected" android:oneshot="false">     android:drawable="@drawable/wheel0" android:duration="50" />     android:drawable="@drawable/wheel1" android:duration="50" />     android:drawable="@drawable/wheel2" android:duration="50" />     android:drawable="@drawable/wheel3" android:duration="50" />     android:drawable="@drawable/wheel4" android:duration="50" />     android:drawable="@drawable/wheel5" android:duration="50" />  

Here is the code to load and play this animation.

 // Load the ImageView that will host the animation and
 // set its background to our AnimationDrawable XML resource.
 ImageView img = (ImageView)findViewById(R.id.spinning_wheel_image);
 img.setBackgroundResource(R.drawable.spin_animation);

 // Get the background, which has been compiled to an AnimationDrawable object.
 AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground();

 // Start the animation (looped playback by default).
 frameAnimation.start()
 
注意到:
 // Get the background, which has been compiled to an AnimationDrawable object.
 AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground();

Drawable getDrawable()
Return the view's drawable, or null if no drawable has been assigned.
getBackground()和getDrawable有什么区别呢?你可以它的解释,
// 得到背景,这个背景已经被编译成为一个AnimationDrawable对象
Drawable getBackground()
Gets the background drawable
这个是一个继承的方法。

但是两个人返回的对象是一样的。我们看上面的类介绍可以看到    AnimationDrawable是继承Drawable类的:
java.lang.Object
   ↳ android.graphics.drawable.Drawable
     ↳ android.graphics.drawable.DrawableContainer
       ↳ android.graphics.drawable.AnimationDrawable
通过API的学习我们知道了要想利用这个AnimationDrawable我们必须先去定义一些XML文件,每一个xml文件描述的就是动画要显示的内容,该动画的每一帧动画内容是有来定义的,以及显示的时长,既然这样,我们就必须先去了解这样的xml文件有哪些属性是可以设置的呢?
再看看官方的API:
XML Attributes
Attribute Name Related Method Description
android:drawable   Reference to a drawable resource to use for the frame. 
android:duration   Amount of time (in milliseconds) to display this frame. 
android:oneshot   If true, the animation will only run a single time and then stop. 
android:variablePadding   If true, allows the drawable's padding to change based on the current state that is selected. 
android:visible   Provides initial visibility state of the drawable; the default value is false. 
我们要关系的就是三个属性:
1. android:drawable  :引用一个可以绘制的资源来描述该帧  它是定义在item中的
2. android:duration   :动画的时间长度,以毫秒为单位,来显示该帧,  它是定义在item中的
3. android:oneshot   :如果为true,那么该动画将执行运行一次,然后停止  它是定义在中的

了解了这些,我们接下来就需要去写自己的动画了,使用XML:




    
    
    
    


这样做了之后,我们再回来这个函数的处理:
看下面的函数
public void loadAnimation(int resId){// 参数resID是资源文件对应的id
setImageResource(resId);//用这个id对应的文件来布置ImageView视图的内容,也就是当前我们继承的AnimationView类,
AnimationDrawable anim = (AnimationDrawable)getDrawable();//得到一个AnimationDrawable对象
anim.start();//然后启动动画
}

上面的函数就是上面的,如果没有监听事件,就这样写,但是如果有监听事件的话,我们是怎么让这些动画加载到视图上去的呢?

我们继续往下分析:
/**
* 带动画监听的播放
* @param resId
* @param listener  注意到这里一个final来修饰这个参数,因为我们的接口是内部定义的,如果不这样
 *  定义是会出错的。
*/
public void loadAnimation(int resId, final OnFrameAnimationListener listener) {
setImageResource(resId);
AnimationDrawable anim = (AnimationDrawable)getDrawable();
anim.start();
//到这里为止,思路跟没有监听的思路是一致的,那么有了监听事件就继续往下走
if(listener != null){//如果有监听事件的话,那么马上去调用监听事件的处理函数,也就是监听被
//触发了
// 调用回调函数onStart
listener.onStart();//这个函数是接口中定义但没有被实现的方法,到底要执行什么,需要去
//activity类中去重载它
}

// 计算动态图片所花费的时间
int duratiOnTime= 0;
      for (int i = 0; i             durationTime += anim.getDuration(i);
       }
        
        // 动画结束后
        Handler handler = new Handler();
        handler.postDelayed(new Runnable() {

@Override
public void run() {
if(listener != null){
// 调用回调函数onEnd
listener.onEnd();
}
}
}, durationTime);
}

public int getDuration (int i)

Since:  API Level 1

Returns
  • The duration in milliseconds of the frame at the specified index
返回值:指定的帧动画的时间

public int getNumberOfFrames ()

Since:  API Level 1

Returns
  • The number of frames in the animation
返回值:动画的帧数(也就是一个xml文件对应有多少帧(item的个数))

到这里为止,这个类的作用和函数我们都基本掌握了,接下来就是如何在activity中去实现它呢?

二。按照上面的步骤,当这个自定义的视图View对象定义好之后,想要在activity中处理它的监听事件,必须把它放到布局文件中去,那么我们就在布局文件中去定义它
            android:id="@+id/anim_view"
        android:layout_
        android:layout_ />
三。当在main.xml定义好之后,我们需要去处理activity类了:
1.在onCreate(Bundle )类中先去加载这个布局
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.main);//加载布局
initView();//初始化    这里主要是找到布局文件中的各个控件
setListener();//设置监听事件  这种写法就是让当前的类去实现implements OnClickListener
}

private void initView() {
// TODO Auto-generated method stub
anim_view = (AnimationImageView) findViewById(R.id.anim_view);//找到这个控件
attack = (Button) this.findViewById(R.id.attack);
defense = (Button) this.findViewById(R.id.defense);
// 加载默认的动态图
anim_view.loadAnimation(R.drawable.anim_idle);首先是让当前的视图就有动画,初始化动画
}
private void setListener() {
// TODO Auto-generated method stub
attack.setOnClickListener(this);
defense.setOnClickListener(this);
}

接下来就是用按钮的点击事件来实现对动画的监听:
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
switch (v.getId()) {
case R.id.attack:
// 如果点击了该按钮,加载带监听的动态图  播放攻击动作  
// 注意到这个参数,是一个内部类的形式
anim_view.loadAnimation(R.drawable.anim_attack,
new OnFrameAnimationListener() {

@Override
public void onStart() {
// 动画刚播放时
// 可以加载你自己的代码,也即是用户点击了攻击按钮,你想干什么
}
@Override
public void onEnd() {
// 动画结束播放时
// 还原回默认动态图  让视图的背景重新返回初始化时设置的样子
anim_view.loadAnimation(R.drawable.anim_idle);
}
});
break;
case R.id.defense:
// 加载带监听的动态图 防御动作
anim_view.loadAnimation(R.drawable.anim_defense,
new OnFrameAnimationListener() {
@Override
public void onStart() {
// 动画刚播放时
}
@Override
public void onEnd() {
// 动画结束播放时

// 还原回默认动态图
anim_view.loadAnimation(R.drawable.anim_idle);
}
});
break;
}

}
至此activity也就完成了,接下来去配置下清单文件就可以部署了,
我们看看效果图:

关于动画还有其他的方式,这里就先不讲了,下次有机会再学习。








推荐阅读
  • 向QTextEdit拖放文件的方法及实现步骤
    本文介绍了在使用QTextEdit时如何实现拖放文件的功能,包括相关的方法和实现步骤。通过重写dragEnterEvent和dropEvent函数,并结合QMimeData和QUrl等类,可以轻松实现向QTextEdit拖放文件的功能。详细的代码实现和说明可以参考本文提供的示例代码。 ... [详细]
  • Linux重启网络命令实例及关机和重启示例教程
    本文介绍了Linux系统中重启网络命令的实例,以及使用不同方式关机和重启系统的示例教程。包括使用图形界面和控制台访问系统的方法,以及使用shutdown命令进行系统关机和重启的句法和用法。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • Python正则表达式学习记录及常用方法
    本文记录了学习Python正则表达式的过程,介绍了re模块的常用方法re.search,并解释了rawstring的作用。正则表达式是一种方便检查字符串匹配模式的工具,通过本文的学习可以掌握Python中使用正则表达式的基本方法。 ... [详细]
  • 本文讨论了Kotlin中扩展函数的一些惯用用法以及其合理性。作者认为在某些情况下,定义扩展函数没有意义,但官方的编码约定支持这种方式。文章还介绍了在类之外定义扩展函数的具体用法,并讨论了避免使用扩展函数的边缘情况。作者提出了对于扩展函数的合理性的质疑,并给出了自己的反驳。最后,文章强调了在编写Kotlin代码时可以自由地使用扩展函数的重要性。 ... [详细]
  • 本文介绍了在MFC下利用C++和MFC的特性动态创建窗口的方法,包括继承现有的MFC类并加以改造、插入工具栏和状态栏对象的声明等。同时还提到了窗口销毁的处理方法。本文详细介绍了实现方法并给出了相关注意事项。 ... [详细]
  • 带添加按钮的GridView,item的删除事件
    先上图片效果;gridView无数据时显示添加按钮,有数据时,第一格显示添加按钮,后面显示数据:布局文件:addr_manage.xml<?xmlve ... [详细]
  • Iamtryingtomakeaclassthatwillreadatextfileofnamesintoanarray,thenreturnthatarra ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 自动轮播,反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter,并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
  • 个人学习使用:谨慎参考1Client类importcom.thoughtworks.gauge.Step;importcom.thoughtworks.gauge.T ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • 本文详细介绍了Android中的坐标系以及与View相关的方法。首先介绍了Android坐标系和视图坐标系的概念,并通过图示进行了解释。接着提到了View的大小可以超过手机屏幕,并且只有在手机屏幕内才能看到。最后,作者表示将在后续文章中继续探讨与View相关的内容。 ... [详细]
author-avatar
航头党员之家
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有