Android仿微信语音聊天界面设计
南门刚捷
本文向大家介绍Android仿微信语音聊天界面设计，包括了Android仿微信语音聊天界面设计的使用技巧和注意事项，需要的朋友参考一下
有段时间没有看视频了，昨天晚上抽了点空时间，又看了下鸿洋大神的视频教程，又抽时间写了个学习记录。代码和老师讲的基本一样，网上也有很多相同的博客。我只是在AndroidStudio环境下写的。
—-主界面代码——
public class MainActivity extends Activity {
private ListView mListView;
private ArrayAdapter<Recorder> mAdapter;
private List<Recorder> mDatas = new ArrayList<Recorder>();
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 < 0.6f) {//如果时间少于0.6s，则提示录音过短
mDialogManager.tooShort();
mAudioManager.cancel();
// 延迟显示对话框
mHandler.sendEmptyMessageDelayed(MSG_DIALOG_DIMISS, 1000);
} else if (mCurrentState == STATE_RECORDING) {
//如果状态为正在录音，则结束录制
mDialogManager.dimissDialog();
mAudioManager.release();
if (finishRecorderCallBack != null) {
finishRecorderCallBack.onFinish(mTime, mAudioManager.getCurrentFilePath());
}
} else if (mCurrentState == STATE_CANCEL) { // 想要取消
mDialogManager.dimissDialog();
mAudioManager.cancel();
}
reset();
break;
}
return super.onTouchEvent(event);
}
/**
* 恢复状态及标志位
*/
private void reset() {
isRecording = false;
mTime = 0;
mReady = false;
changeState(STATE_NORMAL);
}
private boolean wantToCancle(int x, int y) {
// 超过按钮的宽度
if (x < 0 || x > getWidth()) {
return true;
}
// 超过按钮的高度
if (y < -DISTANCE_Y_CANCEL || 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;
}
}
代码中有注释，就不贴图了，和微信语音聊天界面一样的，所以叫仿微信嘛，呵呵。运行了也可以看到效果。所有代码可以从这里下载：html" target="_blank">http://xiazai.jb51.net/201611/yuanma/AndroidWXchat(jb51.net).rar
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
类似资料：
-
本文向大家介绍android仿微信聊天界面 语音录制功能，包括了android仿微信聊天界面 语音录制功能的使用技巧和注意事项，需要的朋友参考一下 本例为模仿微信聊天界面UI设计，文字发送以及语言录制UI。 1先看效果图： 第一:chat.xml设计 第二：语音录制类封装SoundMeter.java 第三：主界面Activity源码，没写太多解释，相对比较简单的自己研究下： 第四：自
-
本文向大家介绍Android仿微信语音聊天功能，包括了Android仿微信语音聊天功能的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android仿微信语音聊天功能代码。分享给大家供大家参考。具体如下： 项目效果如下： 具体代码如下： AudioManager.java AudioRecorderButton.java DialogManager.java MainActivity.ja
-
本文向大家介绍Android仿QQ、微信聊天界面长按提示框效果，包括了Android仿QQ、微信聊天界面长按提示框效果的使用技巧和注意事项，需要的朋友参考一下 先来看看效果图 如何使用 示例代码 使用起来还是很简单的 首先new一个PromptViewHelper类，然后设置一个提示view管理器，最后调用addPrompt方法添加view，此 view就是要添加提示框的view。 实现思路 通过
-
本文向大家介绍Android仿微信群聊头像，包括了Android仿微信群聊头像的使用技巧和注意事项，需要的朋友参考一下 工作中需要实现仿钉钉群头像的一个功能，就是个人的头像拼到一起显示，看了一下市场上的APP好像微信的群聊头像是组合的，QQ的头像不是，别的好像也没有了。 给大家分享一下怎么实现的吧。首先我们先看一下效果图： 好了，下面说一下具体怎么实现的： 实现思路 1.首先获取Bitmap图片（
-
本文向大家介绍详解微信小程序实现仿微信聊天界面(各种细节处理)，包括了详解微信小程序实现仿微信聊天界面(各种细节处理)的使用技巧和注意事项，需要的朋友参考一下 本文介绍了微信小程序实现仿微信聊天界面，分享给大家，具体如下： 下面先来看看效果 为实现这样的效果，首先要解决两个问题： 1.点击输入框弹出软键盘后，将已有的少许聊天内容弹出，导致看不到的问题； 2.键盘弹出或收起时，聊天消息没有自动滚到最
-
本文向大家介绍Android仿微信之界面导航篇（1），包括了Android仿微信之界面导航篇（1）的使用技巧和注意事项，需要的朋友参考一下 微信是现在比较流行的应用了，在各大安卓市场几乎都是名列前茅了。 说实话不得不羡慕腾讯庞大的用户群体，只要腾讯敢做，就会有很多人去用。 废话不多说，下面就开始说一下如何实现微信的第一次启动程序的用户导航，ViewPager相信大家都不陌生了，是google放出的