某日用微信语音功能聊天,发现当我使用语音功能时，会弹出一个窗口，窗口中间有一个控件会实时的显示我说话声音的大小（即分贝）。当时觉得挺好玩，决定也仿制一个，效果如下
分析控件显示效果，可判断左边是一个imgview，右边是一个可以根据实时音量大小绘制梯度显示的自定义view。那就先解决这个自定义view。
我们可以把这个自定义view看成是一个上宽下窄的梯形，而且在纵向上等间距的着墨绘制。用一张图或许可以更好的表示。
上图是一个在笛卡尔坐标系中的梯形图，上底下底平行于X轴，startX对应的点是斜线的出发点，斜线在x轴方向上的偏移量mDx与y轴上偏移量mDy的关系mDx=K*mDy;mDyFill对应的区域是着墨区，mDyEmpty对应的是空白区，且mDy=mDyFill+mDyEmpty.我们可以通过修改以上数值进而修改着墨的区域。因为该自定义view不会在多处使用
本文介绍了如何仿制微信语音聊天时显示音量大小的控件。通过分析，确定控件由一个ImageView和一个自定义View组成，自定义View模拟上宽下窄的梯形，并根据实时音量绘制梯度。通过调整相关参数，实现了音量变化时梯形着墨区域的变化。文章提供了一部分关键代码，并提到了获取麦克风分贝的方法链接。最后，提供了源码下载。
最低0.47元/天 解锁文章
扫一扫
4684
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
