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

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

創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網(wǎng)站設計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的吉林網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎ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;  //當前是否是按下狀態(tài)  private boolean isPressed = false;  //  private PressCallback callback;  //按下的位置y坐標  private int pressedY = 0;  //當前是否是outSize  private boolean isOutSize = false;  //字體dp大小  private static int TEXT_SIZE = 20;  //對話框相關  private Dialog soundVolumeDialog = null;  //音量圖片  private ImageView soundVolumeImg = null;  //對話框背景  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 = "按住 說話";    pressedRes = R.drawable.red_btn_bk;    pressedText = "松開 結束";    //    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) {            //回調            callback.onStartRecord();            //按下,彈出對話框            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()) {              //錄音結束              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 {    //開始錄音    void onStartRecord();    //停止錄音    void onStopRecord();    //取消錄音    void onCancelRecord();  }  /**   * 在指定矩形中間drawText   *   * @param canvas   畫布   * @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;    // 下面這行是實現(xiàn)水平居中,drawText對應改為傳入targetRect.centerX()    paint.setTextAlign(Paint.Align.CENTER);    canvas.drawText(text, targetRect.centerX(), baseline, paint);  }  /**   * 初始化音量信息對話框   */  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ù)分貝值設置錄音時的音量動畫   */  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實現(xiàn)微信語音界面”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

新聞標題:Android如何自定義View實現(xiàn)微信語音界面
轉載源于:http://bm7419.com/article26/ijhjjg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、外貿(mào)建站、移動網(wǎng)站建設、定制網(wǎng)站、網(wǎng)頁設計公司、電子商務

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設