Android自定义控件(神级)+MediaRecoder录音

于 2024-04-27 18:15:18 发布
阅读量883 收藏 29
点赞数 12
文章标签： android java 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84520150/article/details/138254798
版权

A:振幅—默认200
φ：初相，默认0
曲线总长：测试阶段：-600~600 共1200
T:周期–600
ω：2π/T

2.2–绘制正弦函数

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

/**

  • 作者：张风捷特烈
  • 时间：2018/11/16 0016:9:04
  • 邮箱：1981462002@qq.com
  • 说明：旋律视图
    */
    public class RhythmView2 extends View {
    private Point mCoo = new Point(800, 500);//原点坐标
    private double mMaxHeight = 200;//最到点
    private double min = -600;//最小x
    private double max = 600;//最大x
    private double φ = 0;//初相
    private double A = mMaxHeight;//振幅
    private double ω;//角频率
    private Paint mPaint;//主画笔
    private Path mPath;//主路径
    private Path mReflexPath;//镜像路径

public RhythmView2(Context context) {
this(context, null);
}

public RhythmView2(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();//初始化
}

private void init() {
//初始化主画笔
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaint.setColor(Color.BLUE);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(6);
//初始化主路径
mPath = new Path();
mReflexPath = new Path();
}

@Override
protected void onDraw(Canvas canvas) {
mPath.reset();
mReflexPath.reset();
super.onDraw(canvas);
canvas.save();
canvas.translate(mCoo.x, mCoo.y);
formPath();
canvas.drawPath(mPath, mPaint);
canvas.restore();
}

/**

  • 对应法则
  • @param x 原像(自变量)
  • @return 像(因变量)
    */
    private double f(double x) {
    double len = max - min;
    ω = 2 * Math.PI / (rad(len) / 2);
    double y = A * Math.sin(ω * rad(x) - φ);
    return y;
    }

private void formPath() {
mPath.moveTo((float) min, (float) f(min));
for (double x = min; x <= max; x++) {
double y = f(x);
mPath.lineTo((float) x, (float) y);
}
}

@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mAnimator.start();
break;
}
return true;
}

private double rad(double deg) {
return deg / 180 * Math.PI;
}
}

3.正弦函数的动起来

什么影响正弦函数的横向位移–相位：φ
那还等什么，ValueAnimator走起,从0~2 * Math.PI

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

//数字时间流
mAnimator = ValueAnimator.ofFloat(0, (float) (2 * Math.PI));
mAnimator.setDuration(1000);
mAnimator.setRepeatMode(ValueAnimator.RESTART);
mAnimator.setInterpolator(new LinearInterpolator());
mAnimator.addUpdateListener(a -> {
φ = (float) a.getAnimatedValue();
invalidate();
});

就这么简单?—是的

4.让凸起的部分渐渐平息

不就是对A值进行渐变嘛…非常简单

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

mAnimator.addUpdateListener(a -> {
φ = (float) a.getAnimatedValue();
A = (float) (mMaxHeight* (1 - (float) a.getAnimatedValue() / (2 * Math.PI)));
invalidate();
});

二、加入衰减函数与渐变色
1.加入衰减函数

虽然有那么点感觉，但是还是差很多,关键在对应法则，说起来也简单
但是操作起来挺费劲，衰减函数凑了好一会…

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

/**

  • 对应法则
  • @param x 原像(自变量)
  • @return 像(因变量)
    */
    private double f(double x) {
    double len = max - min;
    double a = 4 / (4 + Math.pow(rad(x / Math.PI * 800 / len), 4));
    double aa = Math.pow(a, 2.5);
    ω = 2 * Math.PI / (rad(len) / 2);
    double y = aa * A * Math.sin(ω * rad(x) - φ);
    return y;
    }
2.加渐变色

什么颜色好呢，好吧，我计较懒,搭条彩虹吧(以前实现过)

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

int[] colors = new int[]{
Color.parseColor(“#F60C0C”),//红
Color.parseColor(“#F3B913”),//橙
Color.parseColor(“#E7F716”),//黄
Color.parseColor(“#3DF30B”),//绿
Color.parseColor(“#0DF6EF”),//青
Color.parseColor(“#0829FB”),//蓝
Color.parseColor(“#B709F4”),//紫
};
float[] pos = new float[]{
1.f / 7, 2.f / 7, 3.f / 7, 4.f / 7, 5.f / 7, 6.f / 7, 1
};
mPaint.setShader(
new LinearGradient(
(int) min, 0, (int) max, 0,
colors, pos,
Shader.TileMode.CLAMP
));

三、第二条曲线的绘制

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

1.路径的形成

会了一个，另一个Y镜像一下就行了(y坐标边-y)

private void formPath() {
mPath.moveTo((float) min, (float) f(min));
mReflexPath.moveTo((float) min, (float) f(min));
for (double x = min; x <= max; x++) {
double y = f(x);
mPath.lineTo((float) x, (float) y);
mReflexPath.lineTo((float) x, -(float) y);
}
}

2.绘制第二条曲线：onDraw

第二条淡一点

mPaint.setAlpha(255);
canvas.drawPath(mPath, mPaint);
mPaint.setAlpha(66);
canvas.drawPath(mReflexPath, mPaint);

3.高度设置

我的用意是在录音是监听音量大小，然后让图象波动
暴漏设置高度的方法，在设置时执行动画,下面是点击设置随机高度效果

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

/**

  • 设置高度
  • @param maxHeight
    */
    public void setMaxHeight(double maxHeight) {
    mMaxHeight = maxHeight;
    mAnimator.start();
    invalidate();
    }

四、扫尾–封装

该dp的dp,该删的删，该封装的封装,该优化的优化，直接贴代码

/**

  • 作者：张风捷特烈
  • 时间：2018/11/16 0016:9:04
  • 邮箱：1981462002@qq.com
  • 说明：贝塞尔三次曲线–旋律视图
    */
    public class RhythmView extends View {
    private double mMaxHeight = 0;//最到点
    private double mPerHeight = 0;//最到点

private double min;//最小x
private double max;//最大x

private double φ = 0;//初相
private double A = mMaxHeight;//振幅
private double ω;//角频率

private Paint mPaint;//主画笔
private Path mPath;//主路径
private Path mReflexPath;//镜像路径
private ValueAnimator mAnimator;
private int mHeight;
private int mWidth;

public RhythmView(Context context) {
this(context, null);
}

public RhythmView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();//初始化
}

private void init() {
//初始化主画笔
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaint.setColor(Color.BLUE);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(dp(2));
//初始化主路径
mPath = new Path();
mReflexPath = new Path();
//数字时间流
mAnimator = ValueAnimator.ofFloat(0, (float) (2 * Math.PI));
mAnimator.setDuration(1000);
mAnimator.setRepeatMode(ValueAnimator.RESTART);
mAnimator.setInterpolator(new LinearInterpolator());
mAnimator.addUpdateListener(a -> {
φ = (float) a.getAnimatedValue();
A = (float) (mMaxHeight * mPerHeight * (1 - (float) a.getAnimatedValue() / (2 * Math.PI)));
invalidate();
});
}

public void setPerHeight(double perHeight) {
mPerHeight = perHeight;
mAnimator.start();
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mWidth = MeasureSpec.getSize(widthMeasureSpec);
mHeight = MeasureSpec.getSize(heightMeasureSpec);
mMaxHeight = mHeight / 2 * 0.9;
min = -mWidth / 2;
max = mWidth / 2;
handleColor();
setMeasuredDimension(mWidth, mHeight);
}

private void handleColor() {
int[] colors = new int[]{
Color.parseColor(“#33F60C0C”),//红
Color.parseColor(“#F3B913”),//橙
Color.parseColor(“#E7F716”),//黄
Color.parseColor(“#3DF30B”),//绿
Color.parseColor(“#0DF6EF”),//青
Color.parseColor(“#0829FB”),//蓝
Color.parseColor(“#33B709F4”),//紫
};

float[] pos = new float[]{
1.f / 10, 2.f / 7, 3.f / 7, 4.f / 7, 5.f / 7, 9.f / 10, 1
};

mPaint.setShader(
new LinearGradient(
(int) min, 0, (int) max, 0,
colors, pos,
Shader.TileMode.CLAMP
));
}

@Override
protected void onDraw(Canvas canvas) {
mPath.reset();
mReflexPath.reset();
super.onDraw(canvas);
canvas.save();
canvas.translate(mWidth / 2, mHeight / 2);
formPath();
mPaint.setAlpha(255);
canvas.drawPath(mPath, mPaint);
mPaint.setAlpha(66);
canvas.drawPath(mReflexPath, mPaint);
canvas.restore();
}

/**

  • 对应法则
  • @param x 原像(自变量)
  • @return 像(因变量)
    */
    private double f(double x) {
    double len = max - min;
    double a = 4 / (4 + Math.pow(rad(x / Math.PI * 800 / len), 4));
    double aa = Math.pow(a, 2.5);
    ω = 2 * Math.PI / (rad(len) / 2);
    double y = aa * A * Math.sin(ω * rad(x) - φ);
    return y;
    }

private void formPath() {
mPath.moveTo((float) min, (float) f(min));
mReflexPath.moveTo((float) min, (float) f(min));
for (double x = min; x <= max; x++) {
double y = f(x);
mPath.lineTo((float) x, (float) y);
mReflexPath.lineTo((float) x, -(float) y);
}

}

private double rad(double deg) {
return deg / 180 * Math.PI;
}

protected float dp(float dp) {
return TypedValue.applyDimension(
TypedValue.COMPLEX_UNIT_DIP, dp, getResources().getDisplayMetrics());
}

最后

题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多程序员朋友无法获得正确的资料得到学习提升，故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图（技能树）】

知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。

Android开发8年，阿里、百度一面惨被吊打！我是否应该转行了？

【Android进阶学习视频】、【全套Android面试秘籍】

希望我能够用我的力量帮助更多迷茫、困惑的朋友们，帮助大家在IT道路上学习和发展

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

oid思维脑图（技能树）】**

知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。

[外链图片转存中…(img-d39NK2fM-1714212908242)]

【Android进阶学习视频】、【全套Android面试秘籍】

希望我能够用我的力量帮助更多迷茫、困惑的朋友们，帮助大家在IT道路上学习和发展

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

2401_84520150
关注
  • 12
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Android自定义控件面试题,自定义View面试总结
weixin_36082346的博客
05-25 1778
本着针对面试，不负责任的态度，写下《面试总结》系列。本系列记录面试过程中各个知识点，而不是入门系列，如果有不懂的自行学习。自定义View三种方式，组合现有控件，继承现有控件，继承View本文只针对继承View的方式，另两种自行学习。1. 重写方法onMeasure、 onLayout、onDraw、onTouchEventonMeasure可能多次触发，在measure的过程中注意MeasureS...
Android自定义控件(高手级)--JOJO同款能力分析图，这份字节跳动历年校招Android面试真题解析
m0_69440446的博客
04-12 366
在面试程序员岗位时，我们往往需要经历一个编程面试过程，雇主会借此考验面试者的技术实力。然而，这些技术问题有时候却和我们的实际工作并无太大关系，也由此可能给我们的编程面试准备阶段带来很大的压力。我也因此写出这篇文章，相信能给即将进入职场的程序员带来帮助。 //定义测试数据 mAbilityInfo = new String[]{“破坏力”, “速度”, “射程距离”, “持久力”, “精密度”, “成长性”}; mAbilityMark = new int[]{100, 100, 60, 100, 100.
Android自定义控件面试题,Android面试准备：自定义控件
weixin_35775778的博客
05-25 413
Android自定义控件总结Android已经为我们提供了很多控件，但是大多数控件功能都比较单一简单，不能满足我们的需求，我们可以通过自定义控件的方式来实现自己想要的功能。Android实现自定义控件的方式一般有三种，第一种是继承现有的控件，重写相应的方法来扩展该控件的功能；第二种是继承View类或者ViewGroup类，通过onDraw方法绘制控制，然后通过onMeasure方法设置控件的显现，...
微信小程序期末作业-优购商城
weixin_43474701的博客
12-07 1479
优购商城微信小程序 2021下半年微信小程序期末作业（下载链接在文末） 首页有轮播图 点我下载资源 https://download.csdn.net/download/weixin_43474701/57893310
android自定义控件——深入篇，kotlin创建数组
m0_65145426的博客
12-20 674
public class MyTextView extends TextView { private int color; private int size; private String text; pr 《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》 【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享 ivate Paint paint; // 构造方法的实现 public MyTextView(Context contex
Android自定义控件(神级)+MediaRecoder录音(1)
最新发布
2401_83329402的博客
03-28 367
x
Android自定义控件eBook实现翻书效果实例详解
01-04
本文实例讲述了Android自定义控件eBook实现翻书效果的方法。分享给大家供大家参考，具体如下： 效果图： Book.java文件： package com.book; import android.app.Activity; import android.os.Bundle; import ...
Android自定义控件入门级demo.zip
07-03
本示例"Android自定义控件入门级demo.zip"将引导开发者逐步了解如何创建和使用自定义控件。下面，我们将深入探讨这个话题。 一、自定义控件的意义 在Android系统中，虽然已经提供了丰富的内置控件，如Button、...
android自定义控件教程,Android自定义控件的一般方法
weixin_33544435的博客
05-25 1717
前言在开发AndroidUI时，如果想要做出自己想要的特定的外观效果，就不可能只依赖Android原生组件，虽然说随着Android的版本更迭其原生组件的美观度有了很大的提升，但是对于一个完整的App来说，它们很难与我们想要的整体效果保持一致，所以这个时候我们就需要自定义组件来实现特定的效果。本文将介绍实现基本的自定义组件的方法，并完成一个自定义的EditText做为示例。自定义组件基本步骤继承V...
微信小程序期末大作业-精品优购商城
07-16
微信小程序期末大作业-精品优购商城（免积分下载），导入即可运行，有轮播图，各种商品标签，底部导航栏，包含首页，分类，购物车，个人中心四个导航；详细情况请看我的文章介绍。
知-乎日报微信小程序，期末作业
08-27
知-乎日报微信小程序（免积分下载）
微信小程序期末大作业-手机商城微信小程序
12-15
微信小程序期末大作业-手机商城微信小程序（免积分下载） 含底部导航，轮播图等等，小程序运行截图请看我的文章介绍：https://blog.csdn.net/weixin_43474701/article/details/135025795
微信小程序期末大作业 体测小程序 适合初学者学习使用
12-10
体测小程序（免积分下载），可以输入身体参数测得分数，详细情况请看我的文章介绍。
微信小程序-购物商城-期末大作业
07-17
微信小程序期末作业-购物商城（免积分下载），有搜索栏，底部导航栏。轮播图，各种商品标签，有首页，分类，购物车，个人中心四个底部导航，导入即可运行，适合初学者学习使用，项目详情请看我的文章介绍。
Android自定义控件开发入门与实战（16）封装控件
RikkaTheWorld
06-23 688
第十二章、封装控件 实习以来已经写许多个自定义控件了，所以这章有很多知识我就不想写了。如果有人想了解就自己上网找吧。 1、自定义属性与自定义Style 不讲了，就是给自定义的控件添加自定义属性。 步骤大概就是 在 attrs下添加 <declare-styleable>标签，指明对应的控件，然后在下面声明属性的名称和类型。 在xml中就可以在使用控件时使用该自定义属性。 代码在该控件...
微信小程序期末作业-购物商城
weixin_43474701的博客
07-17 2624
微信小程序期末作业-购物商城 小程序有搜索栏，底部导航栏。轮播图，各种商品标签，有首页，分类，购物车，个人中心四个底部导航，导入即可运行，适合初学者学习使用，项目详情请看下图：（资源链接在文章末尾） 资源下载链接：https://download.csdn.net/download/weixin_43474701/20349395 ...
微信小程序--历史上的今天 期末作业
weixin_63542068的博客
04-13 883
整体小程序页面有待美化 优美句子的api可用次数太少 数据库数据不够完善，比较少 不能只通过查询月日来查看某一天是历史事件 查询页面点击任一列感兴趣的历史事件，即可进入该历史事件的详情页。3.查询页面可进行查询你所想要查询的任意一个日期的历史上事件汇总。根据提示“输入查询历史日期”，点击“查询”按钮，下方就会呈现你想要的内容。4.查询点击“添加事件”按钮可跳转到添加页面，根据提示输入日期和标题，点击“添加”即可向数据库添加事件。本项目分为 首页页面、今日历史页面、查询页面、添加页面。
微信小程序期末大作业 中草药小程序 药海拾遗
weixin_43474701的博客
12-09 1169
微信小程序期末大作业 中草药小程序 药海拾遗 小程序详情如下：（下载链接在文末） 学习社区可以自己添加内容 点我下载资源 https://download.csdn.net/download/weixin_43474701/59675965
Android自定义控件开发大全：从基础到高级
Android自定义控件知识点大全 Android自定义控件是Android开发中的一项重要技术，允许开发者根据需求创建自定义的控件，以满足各种应用场景的需求。本文将对Android自定义控件进行系统的讲解，包括基本概念、...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值