夜雨聆风学习资料网

ARTICLE · 1009748

安卓手机APP自己做,从环境搭建到APP打包全过程,花费两个晚上终于实现

安卓手机APP自己做,从环境搭建到APP打包全过程,花费两个晚上终于实现
最近心血来潮想要练练乐器,网上的教学视频都建议要跟着节拍器练习,把握节奏是练习乐器的基础,然后手机下载了一堆APP,都没找到好用且免费的APP,不是广告多就是要会员,萌生了自己做一个简单版的节拍器的想法,然后就有了这篇文章。
这里使用的是VScode+Flutter进行程序编写,据说搭好模拟器,一套代码可以同时开发苹果IOS和安卓Android应用APP,最重要的是性能优异、开发速度快、成熟插件众多。
第一步:电脑开发环境的搭建:
编写手机APP,肯定需要编程,必须使用电脑进行操作,这里使用的是WIN11操作系统,兼容性强。
1.安装Android Studio,会不会用这个软件不重要,因为不需要用这个软件编写任何代码,只需要安装手机模拟器和配置好相关参数即可,在VScode写代码会自动调用,下图是安装好的手机模拟器。
2.安装VSCode,免费代码编写工具可以在官方下载,这款代码工具更新很快,下载的压缩包解压即可使用,建议解压后放入D:\VSCode,每次更新可以删掉整个目录,再将新下载的压缩包解压改名同名目录,桌面留运行快捷图标即可。
3.安装Flutter SDK,官网下载对应系统的SDK压缩包,解压到指定目录,比如D:\Flutter。
4.配置WIN操作系统相关环境变量,需要配置安卓Android相关和Flutter相关参数,如下图所示。
5.VSCode里安装相关插件,必装的插件Flutter、Dart、Flutter Widget Snippets,下图是安装好的列表,仅供参考。
6.最后验证环境配置是否正常,在vscode终端中输入命令:flutter doctor,查看环境配置。
至此,安卓手机APP开发环境搭建完成,过程比较繁琐,但搭建好后,短期内基本不用再管,许多人都是卡在这一步,心念念的APP程序开发无法实现,希望给点耐心,走过这一步,后面的程序编写会非常简单。
第二步:APP规划:
这里想制作一个鼓机+节拍器功能的APP,把相关需求和开发环境告诉AI,让AI帮你思考和给出建议,记得加上一句:“不需要发布,只要开发版自用”,免得AI啰里啰唆一大堆废话。
下面是APP项目整体架构图:
需要自己去下载采样音效WAV文件,或者自己录制,放入对应文件夹内,这项目的采样文件是放在\assets\sounds\目录下面,以后想增加音效文件也都是放在这里面。
音效文件要求为wav、小于1秒的短音单声道、采样频率44.1kHz的音频文件,每个音效小于50KB。
APP核心依赖包AI给出的建议如下图所示:
数据模型的建立、音频服务的编写、音序器、UI组件等相关核心组件规划都有给出建议,懒人可以直接跳过,或者像我一样看不懂也可以跳过,哈哈......
接着还有页面设计,反正是自己用,随便什么页面都无所谓,先跑通拿到APK安装包才是最重要。
最终给的开发步骤建议:

第 1 步:搭骨架

  └─ 创建项目 → 装依赖 → 放几个 wav 音效 → 能播放一个音

第 2 步:做鼓垫页

  └─ 网格布局 + 点击播放 + 多点触控

第 3 步:做音序器

  └─ 数据模型 → Timer 驱动 → 网格 UI → 播放循环

第 4 步:做节拍器

  └─ BPM 控制 → 拍号 → 重音区分 → 视觉反馈

第 5 步:状态管理与持久化

  └─ Provider 统一管理 → shared_preferences 存模式

第 6 步:优化

  └─ 低延迟调整 → 防抖 → UI 动画

为了后期方便代码修改和增加音效、扩展功能等,在写代码之前就要先规划好数据模型的设计,自己不会设计没关系,会问就行,现在的AI越来越聪明了。

最后,选择采用flutter_soloud音频库来制作APP。

第三步:代码编写:

网上热聊话题:“AI技术引发程序员大规模下岗”,程序员迎来了至暗时刻。

但对于普通不懂编写程序的民众而言,AI的应用让许多从前需要花费大量时间学习的软件技术,能够瞬间获得,这是高科技发展下的民众福音。

下面开始代码编写的详细步骤,打开VSCode,然后按快捷键Ctrl+Shift+P,工具栏输入Flutter:......,通常会有提示,选择Flutter New Project,创建新项目,然后根据提示,选择项目目录,填写项目名称等相关信息,最后记得将项目目录加入信任列表,项目基本体会自动生成。

项目创建完成后,VSCode左侧菜单栏最顶的“资源管理器”内,显示项目所有文件,可以在这里新增和修改相关代码文件,右下角点击可以启动模拟器,整个代码编写框架完成搭建,后续代码编写,通过AI工具很容易完成。

编写代码的第一步,是配置pubspec.yaml,将需要的插件包写到这个配置文件里面,看着很复杂,其实问AI要就行,代码会完整的帖出来给你,会复制粘贴就很容易完成。

配置文件编写好,软件会pub get自动下载相关插件。

代码里有黄色波浪线,表示这行代码有警告,鼠标放在波浪线上会有提示,看不懂可以复制提示丢给AI,它会明确告诉你如何解决。

如果是红色波浪线,表示代码有错误,别费脑去想,还是丢给AI解决,我们要的是效率和结果,AI完全能够胜任。

第四步:APP打包:

安卓APP的生成,还需要配置相关文件,如果您能走到这里,相信AI也会给你答案了。

在VSCode终端里,输入flutter run命令,代码会编译运行,在手机模拟器上显示,同时,会在项目目录下生成apk文件,build\app\outputs\flutter-apk\app-debug.apk。

使用flutter build apk --release命令,打包自用安卓APK安装文件,生成的文件位于项目目录下,build/app/outputs/flutter-apk/app-release.apk,后续想分享给朋友使用,也是使用生成的这个文件。

第五步:最终成品展示(APP仅自用和学习,不会在网络发布)

配置文件列表如下:

APP运行界面:

写在最后:

整个APP制作全过程,开发环境的搭建是最费时间的阶段,笔者由于之前尝试做一款物联控制的APP,已经搭建完成开发环境。

APP代码的编写花费了两个晚上调试通过,真机上能够顺利运行,主要操作步骤过程上面都有提及,一步一步走下来,相信您也能够制作成功自己的APP。

本文作为新手制作手机APP的引导,希望能够帮助到有需求的您,制作自己想要的APP,比如:手机量尺、智能闹钟、噪音检测、模拟LED屏等等。

AI技术的发展,让我们普通人也能成为编程高手,利用好AI这把工具,能够帮助我们解决工作生活中的许多问题,我们非常幸运!

--END--

往期文章:

为四口USB充电模块制作外壳,使用免费3D建模软件,新手也能快速制作打印适合自己使用的塑料壳体

为四口USB充电模块制作外壳,使用免费3D建模软件,新手也能快速制作打印适合自己使用的塑料壳体

制作USB多口快速充电站,解决家庭多设备充电口不足的烦恼,发挥老旧笔记本电源余热

个人创客DIY制作无线网络电子开关的利器-ESP32

两轮电车为什么没有两轮摩托油车耐用?看完就懂了

相关学习资料