Android如何自定义View实现微信语音界面
创始人
2024-12-23 19:40:37
0次

代码

代码并不复杂,配合注释应该很容易理解。

/** * 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;  //当前是否是按下状态  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;    // 下面这行是实现水平居中,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);  }  /**   * 根据分贝值设置录音时的音量动画   */  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);    }  }}

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...