Android如何自定義View實(shí)現(xiàn)微信語(yǔ)音界面

這篇文章主要為大家展示了“Android如何自定義View實(shí)現(xiàn)微信語(yǔ)音界面”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Android如何自定義View實(shí)現(xiàn)微信語(yǔ)音界面”這篇文章吧。

代碼

代碼并不復(fù)雜，配合注釋?xiě)?yīng)該很容易理解。

/** * Author ： BlackHao * Time : 2019/4/18 14:03 * Description : 自定義錄音按鈕布局界面 */public class PressedView extends View implements View.OnTouchListener {  private int normalRes;  private String normalText = "";  private int pressedRes;  private String pressedText = "";  //  private Paint paint;  private Rect rect;  //當(dāng)前是否是按下?tīng)顟B(tài)  private boolean isPressed = false;  //  private PressCallback callback;  //按下的位置y坐標(biāo)  private int pressedY = 0;  //當(dāng)前是否是outSize  private boolean isOutSize = false;  //字體dp大小  private static int TEXT_SIZE = 20;  //對(duì)話框相關(guān)  private Dialog soundVolumeDialog = null;  //音量圖片  private ImageView soundVolumeImg = null;  //對(duì)話框背景  private RelativeLayout soundVolumeLayout = null;  public PressedView(Context context) {    super(context);    init();  }  public PressedView(Context context, @Nullable AttributeSet attrs) {    super(context, attrs);    init();  }  public PressedView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);    init();  }  private void init() {    //    paint = new Paint();    paint.setAntiAlias(true);    paint.setTextSize(DensityUtil.dip2px(getContext(), TEXT_SIZE));    paint.setColor(Color.WHITE);    rect = new Rect();    //    normalRes = R.drawable.blue_btn_bk;    normalText = "按住 說(shuō)話";    pressedRes = R.drawable.red_btn_bk;    pressedText = "松開(kāi) 結(jié)束";    //    setOnTouchListener(this);    //    initSoundVolumeDlg();  }  @Override  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    rect.set(0, 0, getWidth(), getHeight());    if (!isPressed) {      setBackgroundResource(normalRes);      drawTextOnRect(canvas, rect, normalText);    } else {      setBackgroundResource(pressedRes);      drawTextOnRect(canvas, rect, pressedText);    }  }  @Override  public boolean onTouch(View v, MotionEvent event) {    switch (event.getAction()) {      case MotionEvent.ACTION_DOWN:        pressedY = (int) event.getRawY();        isOutSize = false;        if (!isPressed) {          isPressed = true;          postInvalidate();          if (callback != null) {            //回調(diào)            callback.onStartRecord();            //按下，彈出對(duì)話框            soundVolumeImg.setImageResource(R.mipmap.sound_volume_01);            soundVolumeImg.setVisibility(View.VISIBLE);            soundVolumeLayout.setBackgroundResource(R.mipmap.sound_volume_default_bk);            soundVolumeDialog.show();          }        }        break;      case MotionEvent.ACTION_UP:        if (isPressed) {          isPressed = false;          postInvalidate();          if (callback != null) {            int upY = (int) event.getRawY();            if (pressedY - upY < getHeight()) {              //錄音結(jié)束              if (soundVolumeDialog.isShowing()) {                soundVolumeDialog.dismiss();              }              callback.onStopRecord();            } else {              //錄音取消              if (soundVolumeDialog.isShowing()) {                soundVolumeDialog.dismiss();              }              callback.onCancelRecord();            }          }        }        break;      case MotionEvent.ACTION_MOVE:        if (isPressed && callback != null) {          int upY = (int) event.getRawY();          if (pressedY - upY < getHeight()) {            if (isOutSize) {              isOutSize = false;              soundVolumeLayout.setBackgroundResource(R.mipmap.sound_volume_default_bk);            }          } else {            if (!isOutSize) {              isOutSize = true;              soundVolumeLayout.setBackgroundResource(R.mipmap.sound_volume_cancel_bk);            }          }        }        break;    }    return true;  }  public void setCallback(PressCallback callback) {    this.callback = callback;  }  public interface PressCallback {    //開(kāi)始錄音    void onStartRecord();    //停止錄音    void onStopRecord();    //取消錄音    void onCancelRecord();  }  /**   * 在指定矩形中間drawText   *   * @param canvas   畫(huà)布   * @param targetRect 指定矩形   * @param text    需要繪制的Text   */  private void drawTextOnRect(Canvas canvas, Rect targetRect, String text) {    Paint.FontMetricsInt fontMetrics = paint.getFontMetricsInt();    // 獲取baseLine    int baseline = targetRect.top + (targetRect.bottom - targetRect.top - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top;    // 下面這行是實(shí)現(xiàn)水平居中，drawText對(duì)應(yīng)改為傳入targetRect.centerX()    paint.setTextAlign(Paint.Align.CENTER);    canvas.drawText(text, targetRect.centerX(), baseline, paint);  }  /**   * 初始化音量信息對(duì)話框   */  private void initSoundVolumeDlg() {    soundVolumeDialog = new Dialog(getContext(), R.style.SoundVolumeStyle);    soundVolumeDialog.requestWindowFeature(Window.FEATURE_NO_TITLE);    soundVolumeDialog.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,        WindowManager.LayoutParams.FLAG_FULLSCREEN);    soundVolumeDialog.setContentView(R.layout.tt_sound_volume_dialog);    soundVolumeDialog.setCanceledOnTouchOutside(true);    soundVolumeImg = (ImageView) soundVolumeDialog.findViewById(R.id.sound_volume_img);    soundVolumeLayout = (RelativeLayout) soundVolumeDialog.findViewById(R.id.sound_volume_bk);  }  /**   * 根據(jù)分貝值設(shè)置錄音時(shí)的音量動(dòng)畫(huà)   */  public void setVolume(int voiceValue) {    if (voiceValue < 200.0) {      soundVolumeImg.setImageResource(R.mipmap.sound_volume_01);    } else if (voiceValue > 200.0 && voiceValue < 600) {      soundVolumeImg.setImageResource(R.mipmap.sound_volume_02);    } else if (voiceValue > 600.0 && voiceValue < 1200) {      soundVolumeImg.setImageResource(R.mipmap.sound_volume_03);    } else if (voiceValue > 1200.0 && voiceValue < 2400) {      soundVolumeImg.setImageResource(R.mipmap.sound_volume_04);    } else if (voiceValue > 2400.0 && voiceValue < 10000) {      soundVolumeImg.setImageResource(R.mipmap.sound_volume_05);    } else if (voiceValue > 10000.0 && voiceValue < 28000.0) {      soundVolumeImg.setImageResource(R.mipmap.sound_volume_06);    } else if (voiceValue > 28000.0) {      soundVolumeImg.setImageResource(R.mipmap.sound_volume_07);    }  }}

以上是“Android如何自定義View實(shí)現(xiàn)微信語(yǔ)音界面”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！