Android实现客户端语音动弹界面实例代码
今天为大家介绍一下语音动弹界面的实现,新版本的客户端大家应该都看过了,这里我就只简单的介绍一下控件布局了。你可以在这里看到本控件的完整源码:http://git.oschina.net/oschina/android-app/blob/master/osc-android-app/src/net/oschina/app/widget/recordbutton.java
首先,整体界面分三部分,最上层自定义actionbar相信不需要我讲大家就能看出来了。
中间部分是文字动弹部分,主体就是一个设置了padding(margin)的edittext,在edittext下面是一个剩余输入字数的描述。其实在“您还可以输入xx字”的左边还有一个用于显示录音图标的imageview.
最下层是本文主要讲解的录音自定义控件的实现。
下面一整块整体都是自定义控件的区域,我将其命名为recordbutton,是一个继承自relateivelayout的viewgroup。
在其中包括了左中右三个imageview:试听与删除,中间的录音按钮。
在录音按钮的上下各有一个用于提示的textview。
整体布局的载入可以通过调用 view.inflater(cxt, r.layout.xxx, null);
就行了。
同前一篇讲的一样,作为控件界面控制逻辑,我们主要看一下ontouchevent方法:当手指按下的时候,初始化录音器。手指在屏幕上移动的时候如果滑到按钮之上的时候,event.gety会返回一个负值(因为滑出控件了嘛)。这里我写的是-50主要是为了多一点缓冲,防止误操作。
先来看代码
@override public boolean ontouchevent(motionevent event) { if (maudiofile == null) { return false; } if (!mtouchinplaybutton) { return false; } switch (event.getaction()) { case motionevent.action_down: initborderline(); break; case motionevent.action_move: if (event.gety() < 0) { viewtoinit(); break; } if (event.getx() > mrightbuttonx) { miscancel = true; scaleview(mimgdelete, 1.5f); } else if (event.getx() < mleftbuttonx) { scaleview(mimglisten, 1.5f); } else { miscancel = false; viewtoinit(); } break; case motionevent.action_up: if (miscancel || event.gety() < -50) { cancelrecord(); } else if (event.getx() < mleftbuttonx) {// 试听 playrecord(); finishrecord(); } else if (event.getx() > mrightbuttonx) {// 删除 cancelrecord(); } else { finishrecord(); } viewtoinit(); bottomflag.setvisibility(view.visible); topflag.setvisibility(view.gone); miscancel = false; mtouchinplaybutton = false; break; } return true; }
其中录音相关的工具类还是和之前的一样,这就是把功能与视图分开的好处,随时用随时复制粘贴过来就用了。
/** * {@link #recordbutton}需要的工具类 * * @author kymjs(http://www.kymjs.com/) */ public class recordbuttonutil { public static final string audoi_dir = environment .getexternalstoragedirectory().getabsolutepath() + "/oschina/audio"; // 录音音频保存根路径 private string maudiopath; // 要播放的声音的路径 private boolean misrecording;// 是否正在录音 private boolean misplaying;// 是否正在播放 private onplaylistener listener; // 初始化 录音器 private void initrecorder() { mrecorder = new mediarecorder(); mrecorder.setaudiosource(mediarecorder.audiosource.mic); mrecorder.setoutputformat(mediarecorder.outputformat.amr_nb); mrecorder.setaudioencoder(mediarecorder.audioencoder.amr_nb); mrecorder.setoutputfile(maudiopath); misrecording = true; } /** 开始录音,并保存到文件中 */ public void recordaudio() { initrecorder(); try { mrecorder.prepare(); } catch (ioexception e) { e.printstacktrace(); } mrecorder.start(); } /** 获取音量值,只是针对录音音量 */ public int getvolumn() { int volumn = 0; // 录音 if (mrecorder != null && misrecording) { volumn = mrecorder.getmaxamplitude(); if (volumn != 0) volumn = (int) (10 * math.log(volumn) / math.log(10)) / 7; } return volumn; } /** 停止录音 */ public void stoprecord() { if (mrecorder != null) { mrecorder.stop(); mrecorder.release(); mrecorder = null; misrecording = false; } } public void startplay(string audiopath) { if (!misplaying) { if (!stringutils.isempty(audiopath)) { mplayer = new mediaplayer(); try { mplayer.setdatasource(audiopath); mplayer.prepare(); mplayer.start(); if (listener != null) { listener.starplay(); } misplaying = true; mplayer.setoncompletionlistener(new mediaplayer.oncompletionlistener() { @override public void oncompletion(mediaplayer mp) { if (listener != null) { listener.stopplay(); } mp.release(); mplayer = null; misplaying = false; } }); } catch (exception e) { e.printstacktrace(); } } else { appcontext.showtoastshort(r.string.record_sound_notfound); } } // end playing } public interface onplaylistener { /** 播放声音结束时调用 */ void stopplay(); /** 播放声音开始时调用 */ void starplay(); } }
如果细心,你会发现左右两个圆形按钮,会随着手指移动到上面的时候放大,这其实也是一个通过监听ontouch事件,对两个圆形按钮设置动画产生的效果,和谐带人就是下面这句了。(注,setscalex和setscaley方法只有在api10,也就是3.0以上的版本才能调用):
if (event.getx() > mrightbuttonx) { miscancel = true;scaleview(mimgdelete, 1.5f); } else if (event.getx() < mleftbuttonx) { scaleview(mimglisten, 1.5f); } else { miscancel = false;viewtoinit(); } private void scaleview(view view, float scalexy) { if (android.os.build.version.sdk_int > 10) { view.setscalex(scalexy); view.setscaley(scalexy); } }
总结
以上所述是小编给大家介绍的android实现客户端语音动弹界面实例代码,希望对大家有所帮助