Android仿微信语音聊天界面设计
来源：爱站网时间：2020-04-16编辑：网友分享
随着微信聊天界面的不断升级，每次的改头换面，都让大众感觉到非常的新鲜，实际上要满足广大客户的体验，有一定的难度，今天爱站技术频道给大家带来了Android仿微信语音聊天界面设计，让我们看看怎么实现的吧！
随着微信聊天界面的不断升级，每次的改头换面，都让大众感觉到非常的新鲜，实际上要满足广大客户的体验，有一定的难度，今天爱站技术频道给大家带来了Android仿微信语音聊天界面设计，让我们看看怎么实现的吧！
—-主界面代码——
public class MainActivity extends Activity {
private ListView mListView;
private ArrayAdapter mAdapter;
private List mDatas = new ArrayList();
private AudioRecorderButton mAudioRecorderButton;
private View animView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mListView = (ListView) findViewById(R.id.id_listview);
mAudioRecorderButton = (AudioRecorderButton) findViewById(R.id.id_recorder_button);
mAudioRecorderButton.setFinishRecorderCallBack(new AudioRecorderButton.AudioFinishRecorderCallBack() {
public void onFinish(float seconds, String filePath) {
Recorder recorder = new Recorder(seconds, filePath);
mDatas.add(recorder);
//更新数据
mAdapter.notifyDataSetChanged();
//设置位置
mListView.setSelection(mDatas.size() - 1);
}
});
mAdapter = new RecoderAdapter(this, mDatas);
mListView.setAdapter(mAdapter);
//listView的item点击事件
mListView.setOnItemClickListener(new OnItemClickListener() {
public void onItemClick(AdapterView> arg0, View view, int position, long id) {
// 声音播放动画
if (animView != null) {
animView.setBackgroundResource(R.drawable.adj);
animView = null;
}
animView = view.findViewById(R.id.id_recoder_anim);
animView.setBackgroundResource(R.drawable.play_anim);
AnimationDrawable animation = (AnimationDrawable) animView.getBackground();
animation.start();
// 播放录音
MediaPlayerManager.playSound(mDatas.get(position).filePath, new MediaPlayer.OnCompletionListener() {
public void onCompletion(MediaPlayer mp) {
//播放完成后修改图片
animView.setBackgroundResource(R.drawable.adj);
}
});
}
});
}
@Override
protected void onPause() {
super.onPause();
MediaPlayerManager.pause();
}
@Override
protected void onResume() {
super.onResume();
MediaPlayerManager.resume();
}
@Override
protected void onDestroy() {
super.onDestroy();
MediaPlayerManager.release();
}
—自定义Button——-
/**
* @param
* @author ldm
* @description 自定义Button
* @time 2016/6/25 9:26
*/
public class AudioRecorderButton extends Button {
// 按钮正常状态（默认状态）
private static final int STATE_NORMAL = 1;
//正在录音状态
private static final int STATE_RECORDING = 2;
//录音取消状态
private static final int STATE_CANCEL = 3;
//记录当前状态
private int mCurrentState = STATE_NORMAL;
//是否开始录音标志
private boolean isRecording = false;
//判断在Button上滑动距离，以判断 是否取消
private static final int DISTANCE_Y_CANCEL = 50;
//对话框管理工具类
private DialogManager mDialogManager;
//录音管理工具类
private AudioManager mAudioManager;
//记录录音时间
private float mTime;
// 是否触发longClick
private boolean mReady;
//录音准备
private static final int MSG_AUDIO_PREPARED = 0x110;
//音量发生改变
private static final int MSG_VOICE_CHANGED = 0x111;
//取消提示对话框
private static final int MSG_DIALOG_DIMISS = 0x112;
/**
* @description 获取音量大小的线程
* @author ldm
* @time 2016/6/25 9:30
* @param
*/
private Runnable mGetVoiceLevelRunnable = new Runnable() {
public void run() {
while (isRecording) {//判断正在录音
try {
Thread.sleep(100);
mTime += 0.1f;//录音时间计算
mHandler.sendEmptyMessage(MSG_VOICE_CHANGED);//每0.1秒发送消息
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
};
private Handler mHandler = new Handler() {
@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case MSG_AUDIO_PREPARED:
//显示对话框
mDialogManager.showRecordingDialog();
isRecording = true;
// 开启一个线程计算录音时间
new Thread(mGetVoiceLevelRunnable).start();
break;
case MSG_VOICE_CHANGED:
//更新声音
mDialogManager.updateVoiceLevel(mAudioManager.getVoiceLevel(7));
break;
case MSG_DIALOG_DIMISS:
//取消对话框
mDialogManager.dimissDialog();
break;
}
super.handleMessage(msg);
}
};
public AudioRecorderButton(Context context, AttributeSet attrs) {
super(context, attrs);
mDialogManager = new DialogManager(context);
//录音文件存放地址
String dir = Environment.getExternalStorageDirectory() + "/ldm_voice";
mAudioManager = AudioManager.getInstance(dir);
mAudioManager.setOnAudioStateListener(new AudioManager.AudioStateListener() {
public void wellPrepared() {
mHandler.sendEmptyMessage(MSG_AUDIO_PREPARED);
}
});
// 由于这个类是button所以在构造方法中添加监听事件
setOnLongClickListener(new OnLongClickListener() {
public boolean onLongClick(View v) {
mReady = true;
mAudioManager.prepareAudio();
return false;
}
});
}
public AudioRecorderButton(Context context) {
this(context, null);
}
/**
* @description 录音完成后的回调
* @author ldm
* @time 2016/6/25 11:18
* @param
*/
public interface AudioFinishRecorderCallBack {
void onFinish(float seconds, String filePath);
}
private AudioFinishRecorderCallBack finishRecorderCallBack;
public void setFinishRecorderCallBack(AudioFinishRecorderCallBack listener) {
finishRecorderCallBack = listener;
}
/**
* @param
* @description 处理Button的OnTouchEvent事件
* @author ldm
* @time 2016/6/25 9:35
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
//获取TouchEvent状态
int action = event.getAction();
// 获得x轴坐标
int x = (int) event.getX();
// 获得y轴坐标
int y = (int) event.getY();
switch (action) {
case MotionEvent.ACTION_DOWN://手指按下
changeState(STATE_RECORDING);
break;
case MotionEvent.ACTION_MOVE://手指移动
if (isRecording) {
//根据x,y的坐标判断是否需要取消
if (wantToCancle(x, y)) {
changeState(STATE_CANCEL);
} else {
changeState(STATE_RECORDING);
}
}
break;
case MotionEvent.ACTION_UP://手指放开
if (!mReady) {
reset();
return super.onTouchEvent(event);
}
if (!isRecording || mTime getWidth()) {
return true;
}
// 超过按钮的高度
if (y getHeight() + DISTANCE_Y_CANCEL) {
return true;
}
return false;
}
/**
* @param
* @description 根据状态改变Button显示
* @author ldm
* @time 2016/6/25 9:36
*/
private void changeState(int state) {
if (mCurrentState != state) {
mCurrentState = state;
switch (state) {
case STATE_NORMAL:
setBackgroundResource(R.drawable.btn_recorder_normal);
setText(R.string.str_recorder_normal);
break;
case STATE_RECORDING:
setBackgroundResource(R.drawable.btn_recorder_recording);
setText(R.string.str_recorder_recording);
if (isRecording) {
mDialogManager.recording();
}
break;
case STATE_CANCEL:
setBackgroundResource(R.drawable.btn_recorder_recording);
mDialogManager.wantToCancel();
setText(R.string.str_recorder_want_cancel);
break;
}
}
}
}
—-对话框管理工具类——
/**
* @description 对话框管理工具类
* @author ldm
* @time 2016/6/25 11:53
* @param
*/
public class DialogManager {
//弹出对话框
private Dialog mDialog;
//录音图标
private ImageView mIcon;
//音量显示 图标
private ImageView mVoice;
//对话框上提示文字
private TextView mLable;
//上下文对象
private Context mContext;
public DialogManager(Context context) {
this.mContext = context;
}
/**
* @param
* @description 显示对话框
* @author ldm
* @time 2016/6/25 9:56
*/
public void showRecordingDialog() {
//根据指定sytle实例化Dialog
mDialog = new Dialog(mContext, R.style.AudioDialog);
LayoutInflater inflater = LayoutInflater.from(mContext);
View view = inflater.inflate(R.layout.dialog_recorder, null);
mDialog.setContentView(view);
mIcon = (ImageView) view.findViewById(R.id.id_recorder_dialog_icon);
mVoice = (ImageView) view.findViewById(R.id.id_recorder_dialog_voice);
mLable = (TextView) view.findViewById(R.id.id_recorder_dialog_label);
mDialog.show();
}
/**
* @param
* @description 正在录音状态的对话框
* @author ldm
* @time 2016/6/25 10:08
*/
public void recording() {
if (mDialog != null && mDialog.isShowing()) {
mIcon.setVisibility(View.VISIBLE);
mVoice.setVisibility(View.VISIBLE);
mLable.setVisibility(View.VISIBLE);
mIcon.setImageResource(R.drawable.recorder);
mLable.setText("手指上滑，取消发送");
}
}
/**
* @param
* @description 取消录音状态对话框
* @author ldm
* @time 2016/6/25 10:08
*/
public void wantToCancel() {
if (mDialog != null && mDialog.isShowing()) {
mIcon.setVisibility(View.VISIBLE);
mVoice.setVisibility(View.GONE);
mLable.setVisibility(View.VISIBLE);
mIcon.setImageResource(R.drawable.cancel);
mLable.setText("松开手指，取消发送");
}
}
/**
* @param
* @description时间过短提示的对话框
* @author ldm
* @time 2016/6/25 10:09
*/
public void tooShort() {
if (mDialog != null && mDialog.isShowing()) { //显示状态
mIcon.setVisibility(View.VISIBLE);
mVoice.setVisibility(View.GONE);
mLable.setVisibility(View.VISIBLE);
mIcon.setImageResource(R.drawable.voice_to_short);
mLable.setText("录音时间过短");
}
}
/**
* @param
* @description
* @author ldm
* @time 2016/6/25 取消（关闭）对话框
*/
public void dimissDialog() {
if (mDialog != null && mDialog.isShowing()) { //显示状态
mDialog.dismiss();
mDialog = null;
}
}
// 显示更新音量级别的对话框
public void updateVoiceLevel(int level) {
if (mDialog != null && mDialog.isShowing()) { //显示状态
mIcon.setVisibility(View.VISIBLE);
mVoice.setVisibility(View.VISIBLE);
mLable.setVisibility(View.VISIBLE);
//设置图片的id，我们放在drawable中的声音图片是以v+数字格式的
int resId = mContext.getResources().getIdentifier("v" + level, "drawable", mContext.getPackageName());
mVoice.setImageResource(resId);
}
}
}
—-声音播放工具类——
/**
* @param
* @author ldm
* @description 播放声音工具类
* @time 2016/6/25 11:29
*/
public class MediaPlayerManager {
//播放音频API类：MediaPlayer
private static MediaPlayer mMediaPlayer;
//是否暂停
private static boolean isPause;
/**
* @param
* filePath：文件路径
* onCompletionListener：播放完成监听
* @description 播放声音
* @author ldm
* @time 2016/6/25 11:30
*/
public static void playSound(String filePath, MediaPlayer.OnCompletionListener onCompletionListener) {
if (mMediaPlayer == null) {
mMediaPlayer = new MediaPlayer();
//设置一个error监听器
mMediaPlayer.setOnErrorListener(new MediaPlayer.OnErrorListener() {
public boolean onError(MediaPlayer arg0, int arg1, int arg2) {
mMediaPlayer.reset();
return false;
}
});
} else {
mMediaPlayer.reset();
}
try {
mMediaPlayer.setAudioStreamType(android.media.AudioManager.STREAM_MUSIC);
mMediaPlayer.setOnCompletionListener(onCompletionListener);
mMediaPlayer.setDataSource(filePath);
mMediaPlayer.prepare();
mMediaPlayer.start();
} catch (Exception e) {
}
}
/**
* @param
* @description 暂停播放
* @author ldm
* @time 2016/6/25 11:31
*/
public static void pause() {
if (mMediaPlayer != null && mMediaPlayer.isPlaying()) { //正在播放的时候
mMediaPlayer.pause();
isPause = true;
}
}
/**
* @param
* @description 重新播放
* @author ldm
* @time 2016/6/25 11:31
*/
public static void resume() {
if (mMediaPlayer != null && isPause) {
mMediaPlayer.start();
isPause = false;
}
}
/**
* @param
* @description 释放操作
* @author ldm
* @time 2016/6/25 11:32
*/
public static void release() {
if (mMediaPlayer != null) {
mMediaPlayer.release();
mMediaPlayer = null;
}
}
—–录音操作工具类—–
/**
* @param
* @author ldm
* @description 录音管理工具类
* @time 2016/6/25 9:39
*/
public class AudioManager {
//AudioRecord: 主要是实现边录边播（AudioRecord+AudioTrack）以及对音频的实时处理。
// 优点：可以语音实时处理，可以实现各种音频的封装
private MediaRecorder mMediaRecorder;
//录音文件
private String mDir;
//当前录音文件目录
private String mCurrentFilePath;
//单例模式
private static AudioManager mInstance;
//是否准备好
private boolean isPrepare;
//私有构造方法
private AudioManager(String dir) {
mDir = dir;
}
//对外公布获取实例的方法
public static AudioManager getInstance(String dir) {
if (mInstance == null) {
synchronized (AudioManager.class) {
if (mInstance == null) {
mInstance = new AudioManager(dir);
}
}
}
return mInstance;
}
/**
* @param
* @author ldm
* @description 录音准备工作完成回调接口
* @time 2016/6/25 11:14
*/
public interface AudioStateListener {
void wellPrepared();
}
public AudioStateListener mAudioStateListener;
/**
* @param
* @description 供外部类调用的设置回调方法
* @author ldm
* @time 2016/6/25 11:14
*/
public void setOnAudioStateListener(AudioStateListener listener) {
mAudioStateListener = listener;
}
/**
* @param
* @description 录音准备工作
* @author ldm
* @time 2016/6/25 11:15
*/
public void prepareAudio() {
try {
isPrepare = false;
File dir = new File(mDir);
if (!dir.exists()) {
dir.mkdirs();//文件不存在，则创建文件
}
String fileName = generateFileName();
File file = new File(dir, fileName);
mCurrentFilePath = file.getAbsolutePath();
mMediaRecorder = new MediaRecorder();
// 设置输出文件路径
mMediaRecorder.setOutputFile(file.getAbsolutePath());
// 设置MediaRecorder的音频源为麦克风
mMediaRecorder.setAudioSource(MediaRecorder.AudioSource.MIC);
// 设置音频格式为RAW_AMR
mMediaRecorder.setOutputFormat(MediaRecorder.OutputFormat.RAW_AMR);
// 设置音频编码为AMR_NB
mMediaRecorder.setAudioEncoder(MediaRecorder.AudioEncoder.AMR_NB);
// 准备录音
mMediaRecorder.prepare();
// 开始，必需在prepare()后调用
mMediaRecorder.start();
// 准备完成
isPrepare = true;
if (mAudioStateListener != null) {
mAudioStateListener.wellPrepared();
}
} catch (Exception e) {
e.printStackTrace();
}
}
/**
* @param
* @description 随机生成录音文件名称
* @author ldm
* @time 2016/6/25 、
*/
private String generateFileName() {
//随机生成不同的UUID
return UUID.randomUUID().toString() + ".amr";
}
/**
* @param
* @description 获取音量值
* @author ldm
* @time 2016/6/25 9:49
*/
public int getVoiceLevel(int maxlevel) {
if (isPrepare) {
try {
// getMaxAmplitude返回的数值最大是32767
return maxlevel * mMediaRecorder.getMaxAmplitude() / 32768 + 1;//返回结果1-7之间
} catch (Exception e) {
e.printStackTrace();
}
}
return 1;
}
/**
* @param
* @description 释放资源
* @author ldm
* @time 2016/6/25 9:50
*/
public void release() {
mMediaRecorder.stop();
mMediaRecorder.reset();
mMediaRecorder = null;
}
/**
* @param
* @description 录音取消
* @author ldm
* @time 2016/6/25 9:51
*/
public void cancel() {
release();
if (mCurrentFilePath != null) {
//取消录音后删除对应文件
File file = new File(mCurrentFilePath);
file.delete();
mCurrentFilePath = null;
}
}
/**
* @param
* @description 获取当前文件路径
* @author ldm
* @time 2016/6/25 9:51
*/
public String getCurrentFilePath() {
return mCurrentFilePath;
}
}
爱站技术频道今天给大家分享了Android仿微信语音聊天界面设计，整体介绍已经编写完成了，其他地方也可以进行调用，感谢大家的支持。
