仿微信的语音点击播放时的语音图标动画效果

效果：

可能需要的图片：

需要定义的实例变量：

//语音动画控制器
Timer mTimer=null;
//语音动画控制任务
TimerTask mTimerTask=null;
//记录语音动画图片
int index=1;
AudioAnimationHandler audioAnimationHandler=null;

需要定义的函数：

代码：

/*** 播放语音图标动画*/private void playAudioAnimation(final ImageView imageView) {//定时器检查播放状态   stopTimer();mTimer=new Timer();//将要关闭的语音图片归位if(audioAnimationHandler!=null){Message msg=new Message();msg.what=3;audioAnimationHandler.sendMessage(msg);}audioAnimationHandler=new AudioAnimationHandler(imageView);mTimerTask = new TimerTask() { public boolean hasPlayed=false;@Override    public void run() {     if(mMediaPlayer.isPlaying()) {  hasPlayed=true;index=(index+1)%3;Message msg=new Message();msg.what=index;audioAnimationHandler.sendMessage(msg);}else{//当播放完时Message msg=new Message();msg.what=3;audioAnimationHandler.sendMessage(msg);//播放完毕时需要关闭Timer等if(hasPlayed){stopTimer();}}}};//调用频率为500毫秒一次mTimer.schedule(mTimerTask, 0, 500);}class AudioAnimationHandler extends Handler{ImageView imageView;//判断是左对话框还是右对话框boolean isleft;public AudioAnimationHandler(ImageView imageView){this.imageView=imageView;//判断是左对话框还是右对话框 我这里是在前面设置ScaleType来表示的isleft=imageView.getScaleType()==ScaleType.FIT_START?true:false;}@Overridepublic void handleMessage(Message msg) {super.handleMessage(msg);//根据msg.what来替换图片，达到动画效果switch (msg.what) {case 0 :imageView.setImageResource(isleft?R.drawable.chatfrom_voice_playing_f1:R.drawable.chatto_voice_playing_f1);break;case 1 :imageView.setImageResource(isleft?R.drawable.chatfrom_voice_playing_f2:R.drawable.chatto_voice_playing_f2);break;case 2 :imageView.setImageResource(isleft?R.drawable.chatfrom_voice_playing_f3:R.drawable.chatto_voice_playing_f3);break;default :imageView.setImageResource(isleft?R.drawable.chatfrom_voice_playing_f3:R.drawable.chatto_voice_playing_f3);break;}}}/*** 停止*/private void stopTimer(){  if (mTimer != null) {  mTimer.cancel();  mTimer = null;  }  if (mTimerTask != null) {  mTimerTask.cancel();  mTimerTask = null;  }   }

仿微信的语音点击播放时的语音图标动画效果相关推荐

语音点击播放时的语音图标以及GIF动画效果图
因为业务需求所以请了UI作图然后生成的GIF动图 (因为GIF在线合成一般都收费或者限制只能一天一个又或者生成出来是黑底不是白底) 所以在这提供给有需要的有缘人
Android仿微信聊天语言点击喇叭动画效果
微信聊天界面点击语音时,喇叭的动画效果,下面上代码,该类是控制背景变化的工具类,不涉及语音录制和播放. 图片资源: package xxx;import android.os.Handler; imp ...
android 加号弹出菜单,Android仿微信、qq点击右上角加号弹出操作框
Android仿微信.qq点击右上角加号弹出操作框,先上图,类似于下图这种,点击加号,会弹出一个对话框,如下图: 微信: 自己实现: 接下来,我们来实现此功能: 其实,实现原理就是,点击"+ ...
Android自定义弹窗模仿微信,Android仿微信、qq点击右上角加号弹出操作框
Android仿微信.qq点击右上角加号弹出操作框,先上图,类似于下图这种,点击加号,会弹出一个对话框,如下图: 微信: 自己实现: 接下来,我们来实现此功能: 其实,实现原理就是,点击"+ ...
关于video标签，禁止点击播放时自动全屏，和video出现诡异窗口重叠
禁止点击video时自动全屏问题:加上x5-playsinline属性或者x5-video-player-type="h5",都可以禁用全屏,其中x5-video-player-t ...
react项目中播放音频时扬声器图标动画效果
今天在做react项目时,一个小的功能需求:点击播放音频时扬声器图标要实现动画效果. 起初我做出来的效果是第一次点击播放音频时,音频图标会有动画效果,但继续点击动画效果却没有了. 后面我的做法如下: ...
html在背景上自动打字,Js制作点击输入框时默认文字消失的效果
为了提高用户体验和易用度,一些设计师会对网页中用户经常用的东西进行优化,比如输入框.一般的输入框是怎样优化的呢?从用户体验的角度出发,简化用户使用步骤,让用户用得更方便就是提高了易用性,例如当鼠标悬浮 ...
如何制作点击输入框时默认文字消失的效果
为了提高用户体验和易用度,一些设计师会对网页中用户经常用的东西进行优化,比如输入框.一般的输入框是怎样优化的呢?从用户体验的角度出发,简化用户使用步骤,让用户用得更方便就是提高了易用性,例如当鼠标悬浮 ...
uniapp - [全端兼容] 音乐列表播放与切换歌曲，点击列表播放 mp3 wav 音乐文件（支持点击播放与暂停，图标切换 / 流畅的切换音频、暂停保留歌曲及恢复功能等详细教程）
前言网上教程都太乱了,各种不兼容.功能缺陷等问题,我们很难对示例进行改造. 本文站在新手角度,实现了 uniapp 全平台兼容,歌曲音乐列表点击播放与暂停.切换歌曲等功能(音乐列表多个音频切换), ...
子弹射中敌人播放爆炸并销毁的动画效果
首先在敌人enemy 的脚本下面 public class enemy : MonoBehaviour {public EnemyType type=EnemyType.enemy0;private ...

仿微信的语音点击播放时的语音图标动画效果

仿微信的语音点击播放时的语音图标动画效果

仿微信的语音点击播放时的语音图标动画效果相关推荐

最新文章

热门文章