我如何创建Apple的语音备忘录克隆

几个月前,我真的很想用苹果的Voice Memos应用程序创建带有音频可视化器的录音机。 作为一个初学者,我在Google上搜索了很多,但找不到任何有效的方法或确实要实现的功能。 因此,我决定尝试并尝试自己构建它。

遵循我的学习道路,了解如何创建语音录音应用程序,该程序具有音频可视化效果以及与苹果的Voice Memos应用程序一样的录音按钮。

基本设置。

当然,我将从创建一个新项目开始。 随您自己的喜好命名,我将其命名为VoiceMemosClone。 确保该应用程序正常运行,并且您得到令人满意的白屏。 现在,一切看起来都很不错,但是在进一步之前,让我们将原始的Voice Memos应用程序分解为较小的部分。

就个人而言,我发现很难在没有先准备的情况下开始构建/编码某些东西,而且我觉得这很令人生畏。 因此,我喜欢将所有内容分解成较小的部分,并独自解决每个小任务。

因此,如果您查看Apple的Voice Memos应用程序,将会发现几个关键功能:
1.可拖动的底视图。
2.录制/停止按钮的动画。
3.录制时的音频可视化器。
4.实际录音。

现在,让我们一起构建它们!

准备基本的用户界面。

ViewController的 Main.storyboard中,嵌入NavigationController ,检查PrefersLargeTitles ,并为其指定“ Voice Memos”作为标题。

1.卡视图。

首先,将两个containerViews添加到View Controller。 其中一个是RecordingsViewController,另一个是那个RecorderViewController。 从文件->新建菜单中创建一个新的UIViewController类,选择UI Cocoa Touch Class文件。

将RecorderViewController的背景色更改为ViewFlipsideBackgroundColor ,将size属性更改为Freeform。 在“大小”检查器中,将高度设置为150。还添加一个UIView,使其与ViewController的大小相同,并为黑色提供45%的alpha值。 就像在RecorderViewController中一样,在RecordingsViewController中添加一个tableView并添加一个UIView,并且在两个UIView中都检查Hidden属性。 最后,连接刚刚创建的UIView的出口。