TOPIC:

I have found examples in CodeOcean for js_WebWidgetsGUI. 

Folder - CodeOcean\js_Pas2JavaScript\js_WebWidgetsGUI.

I have build in CT 8.7 this project CodeOcean\js_Pas2JavaScript\js_WebWidgetsGUI\20_tests.

I used testCanvas.html from the folder "20_tests" and this site htmltopdf.live/html-to-apk-converter/

to create project of Android App.

After that I have found the folder "assets" in "\app\src\main\"..
And copied the files "testcanvas.js" and "testcanvas.js.map" into it.

I renamed testCanvas.html into index.htlm because Java-launcher named MainActivity.java had this code
webView.loadUrl("file:///android_asset/index.html")

If you want you can change Url to "testcanvas.html".

Then I have build the project with sdk in Android studio.

The instructions are given in file Readme.md 

Check this file in downloaded zip-archive from the site htmltopdf.live/html-to-apk-converter/ .


After that I have build another the project - CodeOcean\js_Pas2JavaScript\js_WebWidgetsGUI\10_testcontrols

And did the same steps I have mentioned above to create and build Android app.


Both Android applications successfully started on smartphone with Android 12.


More information - on screenshots attached.


On tab jsGUI Base in CT there are many ready to use components .

I think this is quite enough for start in creating Android app with GUI.



 

Thanks Sir
A new programming world start...

I use "ant" utility from Android studio to create applications for Android 10.

See the roadmap on how to in my topic named
I have found ready to use solution on how to pack the application to *.APK file

Post
#19320

Some changes are required to be done in roadmap:

1. Add subfolder "assets" into the folder named "android".
2. Copy html and js files to subfolder "assets". 
3. Rename html-file into index.html or change the html file name in MainActivity.java in subfolder android\src

In attach - the project folder in zip archive for everybody who wants to try.

It is testCanvas project from codetyphon\CodeOcean\js_Pas2JavaScript\js_WebWidgetsGUI\20_tests

For to make changes into settings of the project you can find information on screenshots.

 

Thanks Sir