This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
getting_started:android_ide_how_to [2021/05/11 13:50] al4he6 created |
getting_started:android_ide_how_to [2021/09/23 15:30] (current) al4he6 image and references to read-arrows |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== (Android) IDE - How To ====== | ====== (Android) IDE - How To ====== | ||
This is a brief intro to the IDE on Android with emphasis on how to perform specific tasks.\\ | This is a brief intro to the IDE on Android with emphasis on how to perform specific tasks.\\ | ||
+ | \\ | ||
+ | {{: | ||
\\ | \\ | ||
**Creating a new Project/ | **Creating a new Project/ | ||
- | After installing the DroidScipt app on your Android device | + | After installing the DroidScipt app on your Android device...\\ |
- | {{https:// | + | To create a new App/ |
- | To create a new App/ | + | |
Type in your project/app name, and choose Native or HTML (Native apps start with javascript, HTML apps start with HTML).\\ | Type in your project/app name, and choose Native or HTML (Native apps start with javascript, HTML apps start with HTML).\\ | ||
Other options in the drop-down are Plugins (which extend the capabilities of DroidScript), | Other options in the drop-down are Plugins (which extend the capabilities of DroidScript), | ||
Line 19: | Line 20: | ||
To exit from Edit, touch the Android Back icon (bottom left).\\ | To exit from Edit, touch the Android Back icon (bottom left).\\ | ||
To exit DroidScript, | To exit DroidScript, | ||
+ | \\ | ||
+ | **Running your code**\\ | ||
+ | You can run your code from the main screen by a short touch.\\ | ||
+ | Or from the editor by touching the arrow icon near the bottom-right (red arrow 6).\\ | ||
+ | Or the insect icon near the middle-bottom (red arrow 5) will run with debug display.\\ | ||
+ | \\ | ||
+ | **Other icons on the main screen**\\ | ||
+ | The book icon (red arrow 10) opens the DroidScript Documentation (includes Tutorials, link to Forum, Release notes, and WebSite), Introduction, | ||
+ | The Rocket icon (red arrow 13) gives access to Samples and Store.\\ | ||
+ | Samples and Store (and Examples in the Reference) allow code to be copied and/or run.\\ | ||
+ | \\ | ||
+ | **Editing your code**\\ | ||
+ | See above for description of the top row of icons.\\ | ||
+ | Touch within the code window to bring up the YoYo cursor and on-screen keyboard.\\ | ||
+ | You can simply type code in (the Smart Editor can display suggestions and auto-complete).\\ | ||
+ | Double touch the YoYo to bring up the ToolBox which has icons for\\ | ||
+ | Select (to select part of your code - red arrow 14), Select All (15), Copy (16), Cut (17), Paste (18), and Beautify (19). | ||
+ | Double touch the YoYo to hide the Toolbox.\\ | ||
+ | You can touch within your code to move the YoYo cursor, or touch and drag the YoYo.\\ | ||
+ | |||
+ | \\ | ||
+ | **Search and Replace**\\ | ||
+ | Touch the magnifying glass icon (red arrow 1) on the grey bar to search/ | ||
+ | Touch the Search For box and type in text to find, then the down-arrow to search forwards.\\ | ||
+ | To search backwards use the up-arrow icon.\\ | ||
+ | You can touch the Replace With box and type in replacement text, then touch the double arrow icon to replace once, or the asterisk to replace all.\\ | ||
+ | {{: | ||
+ | \\ | ||
+ | **Undo/ | ||
+ | The bottom row of icons (on a black background) includes\\ | ||
+ | Undo (red arrow 2) and Redo (red arrow 8).\\ | ||
+ | Also toward the right are Run and Debug (mentioned earlier).\\ | ||
+ | \\ | ||
+ | **Files**\\ | ||
+ | Second from the left near the bottom is the File icon (red arrow 3). Touch it to add a file to the App.\\ | ||
+ | Type in a filename, and choose Script/ | ||
+ | To switch which file you are editing touch the file name at the top of the screen.\\ | ||
+ | non-Premium members are restricted to 3 files per project.\\ | ||
+ | To use additional javascript files then your main file should include app.Script(“filename.js”).\\ | ||
+ | \\ | ||
+ | **Assets**\\ | ||
+ | To view assets and add assets (Images, etc) to your app, touch the 3rd icon (red arrow 4).\\ | ||
+ | Touch the + icon to add Assets.\\ | ||
+ | \\ | ||
+ | **Toolboxes**\\ | ||
+ | If the YoYo toolbox is closed then you will see an icon with 3 horizontal lines on the right of the grey bar (red arrow 7).\\ | ||
+ | Touch that icon to see the javascript/ | ||
+ | Touch the right-arrow icon on the right of the grey bar to close the javascript/ | ||
+ | If the YoYo and javaascript/ | ||
+ | If your cursor is pointing at an object or method name then the grey bar will show the parameters. | ||
+ | Touching in the grey bar will show the reference page for the object/ | ||
+ | \\ | ||
+ | **YouTube** | ||
+ | You may find it useful to also look at this demo on YouTube https:// | ||
+ | \\ | ||
+ | **Finding it difficult to cut and paste?**\\ | ||
+ | In the editor I : | ||
+ | |||
+ | 1) open the settings menu using the button with 3 vertical dots | ||
+ | |||
+ | 2) select the largest fontsize available and press Ok | ||
+ | |||
+ | 3) double-tap the screen at the start of the cut | ||
+ | |||
+ | 4) drag the yoyo to the end of the cut to highlight it | ||
+ | |||
+ | 5) double-tap the yoyo to see the cut and paste menu | ||
+ | |||
+ | 6) tap the scissors to cut the code | ||
+ | |||
+ | 7 move the cursor to the start of the destination | ||
+ | |||
+ | 8) double-tap the yoyo and paste | ||
+ | |||
+ | 9) If you have finished, go back to the settings menu and choose your normal font-size | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ |