安卓系统手机APP的开发

    本节，我们尝试使用TRAE IDE开发安卓系统手机应用程序。

一、开发环境的配置

1、下载安装Android Studio

    https://developer.android.google.cn/studio?hl=zh-cn

    这是官方下载地址。

    我下载了，1.4GB，确实是有点占空间。

    双击安装包，安装到非系统盘。

    接下来，启动Android Studio。由于是第一次启动，需要我们进行一系列的配置。先点击“Check Connection”。

    点击ok

    等待程序安装，这样的情况需要重复三四次的样子，最后，程序会提示安装结束。

2、下载安装java

    https://www.oracle.com/java/technologies/downloads/#jdk26-windows

    下载上图框选的安装包，188.7MB。双击安装。

3、下载安装Gradle

    https://gradle.org/releases/

    变量名输入GRADLE_HOME，变量值是前面复制的路径粘贴即可，完成后点击确定

在系统变量中双击打开Path

    在右上角点击新建，输入%GRADLE_HOME%\bin，完成后一路点击确定

    验证Gradle是否安装成功：按Win和R键，输入cmd打开命令提示行。输入gradle -v，如果有下面的版本说明Gradle环境变量配置成功：

4、注意：

    java版本与gradle版本要按照最新的，以确保二者之间的兼容性。

二、设计思路

1、通过AI辅助，生成app的详细功能描述；

2、通过AI辅助，生成app的UI设计规范；

3、生成HTML网页版的原型图；

4、TRAE IDE辅助生成安卓系统的app。

三、提示词的撰写

    首先，我新建了一个文本，用来存放后续生成的一系列提示词。

    接下来，我们使用豆包生成相关提示词。

1、AI辅助生成“详细功能描述”

【提示词】我想要设计一个“传感器动作实时监测”的app，模块包括：

一、首页：

 1、页面实时展示用户行为的概率；

 2、还有一个"检测"按钮，点击时会根据手机陀螺仪传感器推测手机旋转角度，对用户动作进行分析；

 3、将检测结果存储到本地；

 4、用户行为包括（行走、慢跑、快跑、静坐、站立、倾斜、平躺、侧躺）

二、分析：对一周的行为检测结果进行行为分析。

请帮我补充一下详细功能描述

    如下图所示，是豆包生成的详细功能描述：

    将整段文字粘贴到文本里，并将“请帮我补充一下详细功能描述”改为“详细功能描述：”

    全选所有的文字内容，复制、粘贴到豆包，发送。

    下图为豆包生成的UI规范设计：

    将这段文字复制到文本的最下方，并将“请提供UI设计规范的提示词”改为“UI设计规范：”

3、deepseek生成HTML网页版的原型图

    将下面一段提示词粘贴到“UI设计规范：”下面。

【提示词】我想开发一个“传感器动作实时监测”app，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发：

1、用户体验分析：先分析这个App的主要功能和用户需求，确定核心交互逻辑。

2、产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。

3、高保真UI设计：作为UI设计师，设计贴近真实iOS/Android设计规范的界面，使用现代化的UI元素，使其具有良好的视觉体验。

4、HTML原型实现：使用HTML + Tailwind CSS (或Bootstrap) 生成所有原型界面，并使用FontAwesome (或其他开源UI组件) 让界面更加精美、接近真实的App设计。拆分代码文件，保持结构清晰。

5、真实感增强：界面尺寸应模拟6.7英寸，并让界面圆角化，使其更像真实的手机界面。使用真实的UI图片，而非占位符图片(可从Unsplash、Pexels、Apple官方UI资源中选择)。

 再从“我想开发一个……”开始，将后面的全部内容复制、粘贴给deepseek。

    等待HTML的生成。

    点击“运行”，测试一下效果。

    整体效果还不错，下载下来，备用。

二、在TRAE IDE上开发手机APP

1、新建sensor文件夹，将deepseek生成的HTML网页复制过去，重命名为design.html

2、提示词

【角色】你是一个资深 Android 开发工程师。

【任务】请根据我提供的 HTML 原型代码（目录: D:\trae\sensor\design.html），从0到1搭建与HTML原型图功能完全相同的 Android 应用，必须保留相同的布局和交互。

【设计要求】

- 开发语言： Kotlin

- 设计模式： MVVM

- UI 框架： Jetpack Compose

【本地环境】

-Gradle版本: 9.5.1

插件、依赖：使用国内镜像源

- JDK版本: Java 26.0.1

- 编译软件: Android studio Quail 1

- 真机环境: Android 16

- 屏幕尺寸: 6.67英寸

    将上面这段提示词复制到TRAE IDE文本框里，点击“发送”按钮。

    注意：本地环境请你根据自己的电脑情况进行修改。

3、等待了好一会儿，TRAE IDE提示成功了。

    注意这里的APK文件位置，将它复制粘贴到资源管理器的地址栏里，回车。

    发现该文件夹下有一个名为“app-debug.apk”的安卓安装包。

三、测试程序运行效果

1、在模拟器上观察效果

①安装安卓模拟器，个人推荐雷电模拟器。

②双击apk文件，等待雷电模拟器安装该apk。安装完毕后，在雷电模拟器桌面上生成了一个名为“传感器监测”的图标。

③双击它，运行程序。

    原先的HTML里有8类行为，这个app里只有4类行为。

2、手机端测试效果

    为了更好地测试它的效果，我又把它安装到了我的手机上。

四、程序优化

    我承认，这个程序还是有很多bug的，于是我再次与TRAE IDE进行沟通：

    再次安装到手机段测试一下：

    这次更加尴尬，直接不能打开app。只能继续与TRAE沟通：

    继续等待……测试……

    我写这篇文章主要是为了给大家介绍一下开发手机APP的思路和流程，希望能够帮到你！