在 android studio 中构建 Ionic 框架

Question

我正在尝试通过 IONIC 框架创建一个混合应用程序，该框架显示通过 HTML5 Canvas 和 JS 实现的多个移动图形。但是，动画在手机中的渲染速度非常慢（即使是 1GB RAM）。

我们已经识别并下载了 FastCanvas（Cordova/PhoneGap 插件）。我们按照 URL 中给出的说明进行操作 - https://github.com/phonegap/phonegap-plugin-fast-canvas。但是在“将 FastCanvas 添加到您的应用程序”下，当我们执行说明 3 和 4 时遇到了障碍，因为我的项目中没有 Java 文件夹。

url 中给出的示例（HTML5 游戏）是通过 PhoneGap 完成的，它具有上述文件夹结构，当我们通过 Android Studio 构建时它可以正常工作。

我们尝试通过 Android Studio 构建我们的项目（通过 ionic 框架完成），但是 gradle 构建系统无法识别框架。请有人指导我进一步解决这个问题，因为我一直在努力想出一个解决方案。

注意：我们已经为动画尝试过 Canvas、JS、CSS3 和 wizCanvas 插件，但是输出相同 - 慢。

Answer 1

哇哦。 经过长时间的奋斗，这终于对我有用了：

在 Android Studio 中打开项目 Cordova for Android 项目可以在 Android IDE、Android Studio 中打开。如果您希望使用 Android Studio 内置的 Android 调试/分析工具，或者您正在开发 Android 插件，这将非常有用。请注意，在 Android Studio 中打开项目时，建议您不要在 IDE 中编辑代码。这将编辑项目的平台文件夹（不是 www）中的代码，并且更改可能会被覆盖。相反，编辑 www 文件夹并通过运行 cordova build 复制您的更改。

希望在 IDE 中编辑其本机代码的插件开发人员在通过 cordova plugin add 将其插件添加到项目时应使用 --link 标志。这将链接文件，以便对平台文件夹中插件文件的更改反映在插件的源文件夹中（反之亦然）。

在 Android Studio 中打开 Cordova for Android 项目：

启动 Android Studio。

选择导入项目（Eclipse ADT、Gradle 等）。

在您的项目中选择 Android 平台目录 (/platforms/android)。

对于 Gradle Sync 问题，您可以简单地回答“是”。

（如果提示将 gradle 从 v2.3 更新到 3.3。点击更新）

完成导入后，您应该能够直接从 Android Studio 构建和运行应用程序。有关详细信息，请参阅 Android Studio 概述和从 Android Studio 构建和运行。

参考：

https://cordova.apache.org/docs/en/latest/guide/platforms/android/

https://www.codeproject.com/articles/1068176/step-by-step-guide-to-build-ionic-hybrid-app-using