时间:2021-05-20
微信聊天界面点击语音时,喇叭的动画效果,下面上代码,该类是控制背景变化的工具类,不涉及语音录制和播放。
图片资源:
package xxx;import android.os.Handler;import android.widget.ImageView;import xxx.R;import java.util.Timer;import java.util.TimerTask;public class VoicePlayingBgUtil { private Handler handler; private ImageView imageView; private ImageView lastImageView; private Timer timer = new Timer(); private TimerTask timerTask; private int i; private int modelType = 1;//类型 private int[] leftVoiceBg = new int[] { R.drawable.gray1, R.drawable.gray2, R.drawable.gray3 }; private int[] rightVoiceBg = new int[] { R.drawable.green1, R.drawable.green2, R.drawable.green3 }; private int[] collectVoiceBg = new int[] { R.drawable.collect_voice_1, R.drawable.collect_voice_2, R.drawable.collect_voice_3 }; public VoicePlayingBgUtil(Handler handler) { super(); this.handler = handler; } public void voicePlay() { if (imageView == null) { return; } i = 0; timerTask = new TimerTask() { @Override public void run() { if (imageView != null) { if (modelType == 1) { changeBg(leftVoiceBg[i % 3], false); }else if(modelType==2){ changeBg(rightVoiceBg[i % 3], false); }else if(modelType==3){ changeBg(collectVoiceBg[i % 3], false); } } else { return; } i++; } }; timer.schedule(timerTask, 0, 500); } public void stopPlay() { lastImageView = imageView; if (lastImageView != null) { switch (modelType) { case 1: changeBg(R.drawable.gray3, true); break; case 2: changeBg(R.drawable.green3, true); break; case 3: changeBg(R.drawable.collect_voice_3, true); default: changeBg(R.drawable.gray3, true); break; } if (timerTask != null) { timerTask.cancel(); } } } private void changeBg(final int id, final boolean isStop) { handler.post(new Runnable() { @Override public void run() { if (isStop) { lastImageView.setImageResource(id); } else { imageView.setImageResource(id); } } }); } public void setImageView(ImageView imageView) { this.imageView = imageView; } public void setModelType(int modelType) { this.modelType = modelType; }}调用方法
playBgUtil = new VoicePlayingBgUtil(handler); playBgUtil.stopPlay(); playBgUtil.voicePlay();以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信聊天窗口的信息效果类似iphone上的短信效果,以气泡的形式展现,在Android上,实现这种效果主要用到ListView和BaseAdapter,配合布局
先给大家展示下效果图,大家感觉不错,请参考实现代码:实现原理:点击按钮,往需要动画的div中添加或移除拥有动画效果的class。由于微信小程序中不能操作page
本文实例讲述了Android编程实现仿易信精美弹出框效果。分享给大家供大家参考,具体如下:截图:动画效果介绍:1.点击ActionBar上“+”按钮,菜单从上方
本文实例讲述了vue实现的微信机器人聊天功能。分享给大家供大家参考,具体如下:先看效果:实现过程:HTML5模拟微信聊天界面/**重置标签默认样式*/*{mar
本文实例为大家分享了js实现微信聊天界面的具体代码,供大家参考,具体内容如下效果如图:代码部分模拟微信聊天*{margin:0;padding:0;}body{