2015-09-21 143 views
2

我在通過IONIC框架創建一個混合應用程序,該框架顯示通過HTML5 Canvas和JS實現的多個移動圖形。但是,手機中的動畫呈現非常緩慢(即使是那些1GB RAM)。在android studio中構建離子框架

我們已經識別並下載了FastCanvas(Cordova/PhoneGap插件)。我們按照網址 - https://github.com/phonegap/phonegap-plugin-fast-canvas中的說明進行操作。但在「將FastCanvas添加到您的應用程序」下,當我們看到指令3和4時,我們遇到了障礙,因爲我的項目中沒有Java文件夾。

URL中給出的示例(HTML5遊戲)通過PhoneGap完成,它具有上述文件夾結構,當我們通過Android Studio構建時,它可以正常工作。

我們試圖通過Android Studio構建我們的項目(通過離子框架完成),但是gradle構建系統無法識別框架。請求某人請進一步指導我解決這個問題,因爲我一直在努力想出一個長久的解決方案。

注意:我們已經爲動畫嘗試了Canvas,JS,CSS3和wizCanvas插件,但輸出相同 - 速度很慢。

回答

1

Whoo-hoo。 經過漫長的爭鬥,終於爲我工作了:

在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中打開Android項目的Cordova:

啓動Android Studio。

選擇導入項目(Eclipse ADT,Gradle等)。

在您的項目(/ platforms/android)中選擇Android平臺目錄。

對於Gradle Sync問題,您可以簡單回答是。

(如果提示更新從V2.3到3.3 gradle這個。點擊Update)

一旦完成導入,您應該能夠直接從Android Studio中建立和運行應用程序。有關更多詳細信息,請參閱Android Studio概述和從Android Studio構建和運行。

enter image description here

參考文獻:

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

+1

謝謝!完美工作。離子文件是垃圾,這是唯一有效的工作。 – Ryan

+1

一旦你想構建它,這也是有用的 https://developer.android.com/training/basics/firstapp/running-app.html – Ryan