這篇文章主要介紹Android如何實(shí)現(xiàn)客戶端語音動彈界面,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)是一家網(wǎng)站設(shè)計公司,集創(chuàng)意、互聯(lián)網(wǎng)應(yīng)用、軟件技術(shù)為一體的創(chuàng)意網(wǎng)站建設(shè)服務(wù)商,主營產(chǎn)品:自適應(yīng)網(wǎng)站建設(shè)、成都品牌網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷推廣。我們專注企業(yè)品牌在網(wǎng)站中的整體樹立,網(wǎng)絡(luò)互動的體驗(yàn),以及在手機(jī)等移動端的優(yōu)質(zhì)呈現(xiàn)。成都網(wǎng)站制作、成都做網(wǎng)站、移動互聯(lián)產(chǎn)品、網(wǎng)絡(luò)運(yùn)營、VI設(shè)計、云產(chǎn)品.運(yùn)維為核心業(yè)務(wù)。為用戶提供一站式解決方案,我們深知市場的競爭激烈,認(rèn)真對待每位客戶,為客戶提供賞析悅目的作品,網(wǎng)站的價值服務(wù)。
具體內(nèi)容如下:
首先,整體界面分三部分,最上層自定義ActionBar相信不需要我講大家就能看出來了。
中間部分是文字動彈部分,主體就是一個設(shè)置了Padding(margin)的EditText,在EditText下面是一個剩余輸入字?jǐn)?shù)的描述。其實(shí)在“您還可以輸入XX字”的左邊還有一個用于顯示錄音圖標(biāo)的ImageView.
最下層是本文主要講解的錄音自定義控件的實(shí)現(xiàn)。
下面一整塊整體都是自定義控件的區(qū)域,我將其命名為RecordButton,是一個繼承自RelateiveLayout的ViewGroup。
在其中包括了左中右三個ImageView:試聽與刪除,中間的錄音按鈕。
在錄音按鈕的上下各有一個用于提示的TextView。
整體布局的載入可以通過調(diào)用 View.inflater(cxt, R.layout.xxx, null);
就行了。
同前一篇講的一樣,作為控件界面控制邏輯,我們主要看一下onTouchEvent方法:當(dāng)手指按下的時候,初始化錄音器。手指在屏幕上移動的時候如果滑到按鈕之上的時候,event.getY會返回一個負(fù)值(因?yàn)榛隹丶寺铮?。這里我寫的是-50主要是為了多一點(diǎn)緩沖,防止誤操作。
先來看代碼
@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; }
其中錄音相關(guān)的工具類還是和之前的一樣,這就是把功能與視圖分開的好處,隨時用隨時復(fù)制粘貼過來就用了。
/** * {@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 { /** 播放聲音結(jié)束時調(diào)用 */ void stopPlay(); /** 播放聲音開始時調(diào)用 */ void starPlay(); } }
如果細(xì)心,你會發(fā)現(xiàn)左右兩個圓形按鈕,會隨著手指移動到上面的時候放大,這其實(shí)也是一個通過監(jiān)聽ontouch事件,對兩個圓形按鈕設(shè)置動畫產(chǎn)生的效果,和諧帶人就是下面這句了。(注,setScaleX和setScaleY方法只有在API10,也就是3.0以上的版本才能調(diào)用):
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如何實(shí)現(xiàn)客戶端語音動彈界面”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!