快捷導(dǎo)航

Android實(shí)現(xiàn)客戶端語(yǔ)音動(dòng)彈界面實(shí)例代碼

更新時(shí)間：2017年11月09日 10:56:19 投稿：mrr

這篇文章主要介紹了Android實(shí)現(xiàn)客戶端語(yǔ)音動(dòng)彈界面實(shí)例代碼,文章只給大家介紹了控件布局的方法，需要的朋友可以參考下

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

首先，整體界面分三部分，最上層自定義ActionBar相信不需要我講大家就能看出來(lái)了。

中間部分是文字動(dòng)彈部分，主體就是一個(gè)設(shè)置了Padding（margin）的EditText，在EditText下面是一個(gè)剩余輸入字?jǐn)?shù)的描述。其實(shí)在“您還可以輸入XX字”的左邊還有一個(gè)用于顯示錄音圖標(biāo)的ImageView.

最下層是本文主要講解的錄音自定義控件的實(shí)現(xiàn)。

下面一整塊整體都是自定義控件的區(qū)域，我將其命名為RecordButton，是一個(gè)繼承自RelateiveLayout的ViewGroup。

在其中包括了左中右三個(gè)ImageView：試聽(tīng)與刪除，中間的錄音按鈕。

在錄音按鈕的上下各有一個(gè)用于提示的TextView。

整體布局的載入可以通過(guò)調(diào)用 View.inflater(cxt, R.layout.xxx, null); 就行了。

同前一篇講的一樣，作為控件界面控制邏輯，我們主要看一下onTouchEvent方法：當(dāng)手指按下的時(shí)候，初始化錄音器。手指在屏幕上移動(dòng)的時(shí)候如果滑到按鈕之上的時(shí)候，event.getY會(huì)返回一個(gè)負(fù)值（因?yàn)榛隹丶寺铮?。這里我寫(xiě)的是-50主要是為了多一點(diǎn)緩沖，防止誤操作。

先來(lái)看代碼

@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) {// 試聽(tīng)
    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)的工具類還是和之前的一樣，這就是把功能與視圖分開(kāi)的好處，隨時(shí)用隨時(shí)復(fù)制粘貼過(guò)來(lái)就用了。

/**
 * {@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;
 }
 /** 開(kāi)始錄音，并保存到文件中 */
 public void recordAudio() {
  initRecorder();
  try {
   mRecorder.prepare();
  } catch (IOException e) {
   e.printStackTrace();
  }
  mRecorder.start();
 }
 /** 獲取音量值，只是針對(duì)錄音音量 */
 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é)束時(shí)調(diào)用 */
  void stopPlay();
  /** 播放聲音開(kāi)始時(shí)調(diào)用 */
  void starPlay();
 }
}

如果細(xì)心，你會(huì)發(fā)現(xiàn)左右兩個(gè)圓形按鈕，會(huì)隨著手指移動(dòng)到上面的時(shí)候放大，這其實(shí)也是一個(gè)通過(guò)監(jiān)聽(tīng)ontouch事件，對(duì)兩個(gè)圓形按鈕設(shè)置動(dòng)畫(huà)產(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實(shí)現(xiàn)客戶端語(yǔ)音動(dòng)彈界面實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: