Android 仿微信语音录音小控件
前段时间一直在做IM聊天这方面的撸码工作，涉及到了很多小控件，有时间我会慢慢给大家分享一下我的小成果，希望大家一起学习，一起进步，今天来和大家来说一下Android 仿微信语音录音小控件。
实现效果如下：
（文章结尾给大家献上了Demo下载地址，希望大家喜欢，共同学习，共同进步 ——-Android studio写的）
接下来我们来讲解一下实现思路：
我们要实现这样的效果，其实就是我们点击一个Button，然后出来一个弹窗，要做具体效果展示的都在弹框上面。首先这个点击的Button我们去判断是否有上下滑动的事件，来判断上滑、下滑、触摸点是否在原先位置来显示文字的显示。
我们就要继承Button去实现onTouchEvent，去重写里面的方法来判断上滑、下滑等操作：
@Override
public boolean onTouchEvent(MotionEvent event) {
// TODO Auto-generated method stub
Log.d("RecordButton", "event.getAction():" + event.getAction());
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: // 按下按钮
if (recordState != RECORD_ON) {
showVoiceDialog(0);
downY = event.getY();
if (mAudioRecorder != null) {
mAudioRecorder.ready();
recordState = RECORD_ON;
mAudioRecorder.start();
callRecordTimeThread();
}
}
break;
case MotionEvent.ACTION_MOVE: // 滑动手指
float moveY = event.getY();
if (downY - moveY > 50) {
isCanceled = true;
showVoiceDialog(1);
}
if (downY - moveY < 20) {
isCanceled = false;
showVoiceDialog(0);
}
//MAX_RECORD_TIME 最长录音时间剩余时间的提醒
if (recodeTime < MAX_RECORD_TIME && recodeTime >= MAX_RECORD_TIME - 10) {
if (mRecordDialog.isShowing()) {
showVoiceDialog(2);
}
}
//录音时间超过最大时间直接取消
if (recodeTime >= MAX_RECORD_TIME) {
if (mRecordDialog.isShowing()) {
mRecordDialog.dismiss();
}
}
break;
case MotionEvent.ACTION_UP: // 松开手指
if (recordState == RECORD_ON) {
recordState = RECORD_OFF;
if (mRecordDialog.isShowing()) {
mRecordDialog.dismiss();
}
mAudioRecorder.stop();
mRecordThread.interrupt();
voiceValue = 0.0;
if (isCanceled) {
mAudioRecorder.deleteOldFile();
} else {
if (recodeTime < MIN_RECORD_TIME) {
showWarnToast("时间太短 录音失败");
mAudioRecorder.deleteOldFile();
} else {
if (listener != null) {
listener.recordEnd(mAudioRecorder.getFilePath(), recodeTime);
}
}
}
isCanceled = false;
this.setText("按住说话");
}
break;
}
return true;
}判断录音的时间，提示相对应得提示，如：录音时间太短、录音倒计时10秒的显示、超出录音时间，录音自动取消、录音最长时间60秒等（注：最短最长时间都可以自己设置）
录音的时间显示
private static final int MIN_RECORD_TIME = 1; // 最短录音时间，单位秒
private static final int MAX_RECORD_TIME = 60;//最长录音时间，单位秒
录音时间短：
if (recodeTime < MIN_RECORD_TIME) {
showWarnToast("时间太短 录音失败");
mAudioRecorder.deleteOldFile();
} else {
if (listener != null) {
listener.recordEnd(mAudioRecorder.getFilePath(), recodeTime);
}
}
录音倒计时：
//设置倒计时
private void setDialogTime() {
//MAX_RECORD_TIME 最长录音时间剩余时间的提醒
if (recodeTime < MAX_RECORD_TIME && recodeTime >= MAX_RECORD_TIME - 10) {
if (mRecordDialog.isShowing()) {
showVoiceDialog(2);
}
}
//录音时间超过最大时间直接取消
if (recodeTime >= MAX_RECORD_TIME) {
if (mRecordDialog.isShowing()) {
mRecordDialog.dismiss();
}
}
}
case MotionEvent.ACTION_MOVE: // 滑动手指
float moveY = event.getY();
if (downY - moveY > 50) {
isCanceled = true;
showVoiceDialog(1);
}
if (downY - moveY < 20) {
isCanceled = false;
showVoiceDialog(0);
}
//MAX_RECORD_TIME 最长录音时间剩余时间的提醒
if (recodeTime < MAX_RECORD_TIME && recodeTime >= MAX_RECORD_TIME - 10) {
if (mRecordDialog.isShowing()) {
showVoiceDialog(2);
}
}
//录音时间超过最大时间直接取消
if (recodeTime >= MAX_RECORD_TIME) {
if (mRecordDialog.isShowing()) {
mRecordDialog.dismiss();
}
}
break;
录音倒计时的提示需要在两个地方都要进行设置，第一个写的地方是通知时间到了倒计时显示时间时时时刻刻发的通知提醒，第二个地方，是在case MotionEvent.ACTION_MOVE:
（滑动手指），因为我们手指放在录音的按键上，其实时时刻刻，我们手指存在的细微的滑动的，在这里我们也要去通知设置倒计时，防止Diolog显示showVoiceDialog(1)/ showVoiceDialog(0)和 showVoiceDialog(2)来回交换，产生显示冲突
完整的自定义的RecordButton（录音小控件）代码
package Voice;
import android.annotation.SuppressLint;
import android.app.Dialog;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.Log;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import com.example.administrator.voice.R;
/***
* madreain 录音控件
*/
public class RecordButton extends Button {
private static final int MIN_RECORD_TIME = 1; // 最短录音时间，单位秒
private static final int MAX_RECORD_TIME = 60;//最长录音时间，单位秒
private static final int RECORD_OFF = 0; // 不在录音
private static final int RECORD_ON = 1; // 正在录音
private Dialog mRecordDialog;
private RecordStrategy mAudioRecorder;
private Thread mRecordThread;
private RecordListener listener;
private int recordState = 0; // 录音状态
private float recodeTime = 0.0f; // 录音时长，如果录音时间太短则录音失败
private double voiceValue = 0.0; // 录音的音量值
private boolean isCanceled = false; // 是否取消录音
private float downY;
private TextView dialogTextView;
private ImageView dialogImg;
private ImageView dialogImgSize;
private TextView dialogTextTime;
private Context mContext;
public RecordButton(Context context) {
super(context);
// TODO Auto-generated constructor stub
init(context);
}
public RecordButton(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
init(context);
}
public RecordButton(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
init(context);
}
private void init(Context context) {
mContext = context;
this.setText("按住说话");
}
public void setAudioRecord(RecordStrategy record) {
this.mAudioRecorder = record;
}
public void setRecordListener(RecordListener listener) {
this.listener = listener;
}
// 录音时显示Dialog
private void showVoiceDialog(int flag) {
if (mRecordDialog == null) {
mRecordDialog = new Dialog(mContext, R.style.Dialogstyle);
mRecordDialog.setContentView(R.layout.dialog_record);
dialogImg = (ImageView) mRecordDialog
.findViewById(R.id.record_dialog_img);
dialogTextView = (TextView) mRecordDialog
.findViewById(R.id.record_dialog_txt);
dialogImgSize = (ImageView) mRecordDialog
.findViewById(R.id.record_dialog_img_size);
dialogTextTime = (TextView) mRecordDialog
.findViewById(R.id.record_dialog_time);
}
switch (flag) {
case 1:
dialogImg.setVisibility(VISIBLE);
dialogTextTime.setVisibility(GONE);
// dialogImg.setImageResource(R.drawable.record_cancel);
// TODO: 2016/8/13
// dialogTextView.setText("松开手指可取消录音");
// this.setText("松开手指 取消录音");
dialogTextView.setText("松指取消发送");
this.setText("松开结束");
break;
//最长录音时间剩余时间的提醒
case 2:
//10秒倒计时的显示
dialogImg.setVisibility(GONE);
dialogTextTime.setVisibility(VISIBLE);
dialogTextTime.setText(((int) (MAX_RECORD_TIME - recodeTime) + 1) + "");
break;
default:
dialogImg.setVisibility(VISIBLE);
dialogTextTime.setVisibility(GONE);
// dialogImg.setImageResource(R.drawable.record_animate_01);
dialogImg.setImageResource(R.mipmap.im_microphone);
dialogImgSize.setImageResource(R.mipmap.chat_volume_00);
// dialogTextView.setText("向上滑动可取消录音");
// this.setText("松开手指 完成录音");
dialogTextView.setText("上滑取消发送");
this.setText("松开结束");
break;
}
dialogTextView.setTextSize(14);
if (mRecordDialog != null) {
mRecordDialog.show();
}
}
// 录音时间太短时Toast显示
private void showWarnToast(String toastText) {
Toast toast = new Toast(mContext);
View warnView = LayoutInflater.from(mContext).inflate(
R.layout.toast_warn, null);
toast.setView(warnView);
toast.setGravity(Gravity.CENTER, 0, 0);// 起点位置为中间
// toast.setDuration(500);//设置显示时间
toast.show();
}
// 开启录音计时线程
private void callRecordTimeThread() {
mRecordThread = new Thread(recordThread);
mRecordThread.start();
}
// 录音Dialog图片随录音音量大小切换
private void setDialogImage() {
if (voiceValue < 1000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_01);
} else if (voiceValue > 1000.0 && voiceValue < 3000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_02);
} else if (voiceValue > 3000.0 && voiceValue < 5000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_03);
} else if (voiceValue > 5000.0 && voiceValue < 7000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_04);
} else if (voiceValue > 7000.0 && voiceValue < 9000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_05);
} else if (voiceValue > 11000.0 && voiceValue < 13000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_06);
} else if (voiceValue > 13000.0 && voiceValue < 15000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_07);
} else if (voiceValue > 15000.0 && voiceValue < 17000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_08);
} else if (voiceValue > 17000.0 && voiceValue < 19000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_09);
} else if (voiceValue > 19000.0 && voiceValue < 20000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_10);
} else if (voiceValue > 20000.0 && voiceValue < 22000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_11);
} else if (voiceValue > 22000.0) {
dialogImgSize.setImageResource(R.mipmap.chat_volume_12);
}
// if (voiceValue < 600.0) {
// dialogImg.setImageResource(R.drawable.record_animate_01);
// } else if (voiceValue > 600.0 && voiceValue < 1000.0) {
// dialogImg.setImageResource(R.drawable.record_animate_02);
// } else if (voiceValue > 1000.0 && voiceValue < 1200.0) {
// dialogImg.setImageResource(R.drawable.record_animate_03);
// } else if (voiceValue > 1200.0 && voiceValue < 1400.0) {
// dialogImg.setImageResource(R.drawable.record_animate_04);
// } else if (voiceValue > 1400.0 && voiceValue < 1600.0) {
// dialogImg.setImageResource(R.drawable.record_animate_05);
// } else if (voiceValue > 1600.0 && voiceValue < 1800.0) {
// dialogImg.setImageResource(R.drawable.record_animate_06);
// } else if (voiceValue > 1800.0 && voiceValue < 2000.0) {
// dialogImg.setImageResource(R.drawable.record_animate_07);
// } else if (voiceValue > 2000.0 && voiceValue < 3000.0) {
// dialogImg.setImageResource(R.drawable.record_animate_08);
// } else if (voiceValue > 3000.0 && voiceValue < 4000.0) {
// dialogImg.setImageResource(R.drawable.record_animate_09);
// } else if (voiceValue > 4000.0 && voiceValue < 6000.0) {
// dialogImg.setImageResource(R.drawable.record_animate_10);
// } else if (voiceValue > 6000.0 && voiceValue < 8000.0) {
// dialogImg.setImageResource(R.drawable.record_animate_11);
// } else if (voiceValue > 8000.0 && voiceValue < 10000.0) {
// dialogImg.setImageResource(R.drawable.record_animate_12);
// } else if (voiceValue > 10000.0 && voiceValue < 12000.0) {
// dialogImg.setImageResource(R.drawable.record_animate_13);
// } else if (voiceValue > 12000.0) {
// dialogImg.setImageResource(R.drawable.record_animate_14);
// }
//
}
// 录音线程
private Runnable recordThread = new Runnable() {
@Override
public void run() {
recodeTime = 0.0f;
while (recordState == RECORD_ON) {
{
try {
Thread.sleep(100);
recodeTime += 0.1;
// 获取音量，更新dialog
if (!isCanceled) {
voiceValue = mAudioRecorder.getAmplitude();
recordHandler.sendEmptyMessage(1);
}
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}
};
@SuppressLint("HandlerLeak")
private Handler recordHandler = new Handler() {
@Override
public void handleMessage(Message msg) {
setDialogImage();
setDialogTime();
}
};
//设置倒计时
private void setDialogTime() {
//MAX_RECORD_TIME 最长录音时间剩余时间的提醒
if (recodeTime < MAX_RECORD_TIME && recodeTime >= MAX_RECORD_TIME - 10) {
if (mRecordDialog.isShowing()) {
showVoiceDialog(2);
}
}
//录音时间超过最大时间直接取消
if (recodeTime >= MAX_RECORD_TIME) {
if (mRecordDialog.isShowing()) {
mRecordDialog.dismiss();
}
}
}
@Override
public boolean onTouchEvent(MotionEvent event) {
// TODO Auto-generated method stub
Log.d("RecordButton", "event.getAction():" + event.getAction());
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: // 按下按钮
if (recordState != RECORD_ON) {
showVoiceDialog(0);
downY = event.getY();
if (mAudioRecorder != null) {
mAudioRecorder.ready();
recordState = RECORD_ON;
mAudioRecorder.start();
callRecordTimeThread();
}
}
break;
case MotionEvent.ACTION_MOVE: // 滑动手指
float moveY = event.getY();
if (downY - moveY > 50) {
isCanceled = true;
showVoiceDialog(1);
}
if (downY - moveY < 20) {
isCanceled = false;
showVoiceDialog(0);
}
//MAX_RECORD_TIME 最长录音时间剩余时间的提醒
if (recodeTime < MAX_RECORD_TIME && recodeTime >= MAX_RECORD_TIME - 10) {
if (mRecordDialog.isShowing()) {
showVoiceDialog(2);
}
}
//录音时间超过最大时间直接取消
if (recodeTime >= MAX_RECORD_TIME) {
if (mRecordDialog.isShowing()) {
mRecordDialog.dismiss();
}
}
break;
case MotionEvent.ACTION_UP: // 松开手指
if (recordState == RECORD_ON) {
recordState = RECORD_OFF;
if (mRecordDialog.isShowing()) {
mRecordDialog.dismiss();
}
mAudioRecorder.stop();
mRecordThread.interrupt();
voiceValue = 0.0;
if (isCanceled) {
mAudioRecorder.deleteOldFile();
} else {
if (recodeTime < MIN_RECORD_TIME) {
showWarnToast("时间太短 录音失败");
mAudioRecorder.deleteOldFile();
} else {
if (listener != null) {
listener.recordEnd(mAudioRecorder.getFilePath(), recodeTime);
}
}
}
isCanceled = false;
this.setText("按住说话");
}
break;
}
return true;
}
public interface RecordListener {
public void recordEnd(String filePath, float time);
}
}
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
