快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

Android如何实现客户端语音动弹界面

这篇文章主要介绍Android如何实现客户端语音动弹界面,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联是一家网站设计公司,集创意、互联网应用、软件技术为一体的创意网站建设服务商,主营产品:自适应网站建设成都品牌网站建设网络营销推广。我们专注企业品牌在网站中的整体树立,网络互动的体验,以及在手机等移动端的优质呈现。成都网站制作、成都做网站、移动互联产品、网络运营、VI设计、云产品.运维为核心业务。为用户提供一站式解决方案,我们深知市场的竞争激烈,认真对待每位客户,为客户提供赏析悦目的作品,网站的价值服务。

具体内容如下:

Android如何实现客户端语音动弹界面

首先,整体界面分三部分,最上层自定义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如何实现客户端语音动弹界面”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享名称:Android如何实现客户端语音动弹界面
标题网址:http://6mz.cn/article/gggcpd.html

其他资讯