Android實現(xiàn)客戶端語音動彈界面實例代碼
今天為大家介紹一下語音動彈界面的實現(xiàn),新版本的客戶端大家應(yīng)該都看過了,這里我就只簡單的介紹一下控件布局了。你可以在這里看到本控件的完整源碼:http://git.oschina.net/oschina/android-app/blob/master/osc-android-app/src/net/oschina/app/widget/RecordButton.java

首先,整體界面分三部分,最上層自定義ActionBar相信不需要我講大家就能看出來了。
中間部分是文字動彈部分,主體就是一個設(shè)置了Padding(margin)的EditText,在EditText下面是一個剩余輸入字數(shù)的描述。其實在“您還可以輸入XX字”的左邊還有一個用于顯示錄音圖標的ImageView.
最下層是本文主要講解的錄音自定義控件的實現(xiàn)。
下面一整塊整體都是自定義控件的區(qū)域,我將其命名為RecordButton,是一個繼承自RelateiveLayout的ViewGroup。
在其中包括了左中右三個ImageView:試聽與刪除,中間的錄音按鈕。
在錄音按鈕的上下各有一個用于提示的TextView。
整體布局的載入可以通過調(diào)用 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;
}
其中錄音相關(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();
}
}
如果細心,你會發(fā)現(xiàn)左右兩個圓形按鈕,會隨著手指移動到上面的時候放大,這其實也是一個通過監(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);
}
}
總結(jié)
以上所述是小編給大家介紹的Android實現(xiàn)客戶端語音動彈界面實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Android實現(xiàn)簡單底部導(dǎo)航欄 Android仿微信滑動切換效果
這篇文章主要為大家詳細介紹了Android實現(xiàn)簡單底部導(dǎo)航欄,Android仿微信滑動切換效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08
Android AsyncTask實現(xiàn)機制詳細介紹及實例代碼
這篇文章主要介紹了Android AsyncTask實現(xiàn)機制詳細介紹及實例代碼的相關(guān)資料,這里附有示例代碼,幫助大家學(xué)習(xí)理解,需要的朋友可以參考下2016-12-12
解決Android SurfaceView繪制觸摸軌跡閃爍問題的方法
這篇文章主要為大家詳細介紹了解決Android SurfaceView繪制觸摸軌跡閃爍問題的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-03-03
Android開發(fā)adb.exe'' and can be executed.錯誤解決方法
這篇文章主要介紹了Android開發(fā)adb.exe' and can be executed.錯誤解決方法,本文分析了問題的可能原因并給出了排查步驟,需要的朋友可以參考下2015-06-06

