This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
getting_started:android_ide_how_to [2021/06/01 13:14] al4he6 Minor typos, added Finding it difficult to cut and paste? |
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 22: | Line 23: | ||
**Running your code**\\ | **Running your code**\\ | ||
You can run your code from the main screen by a short touch.\\ | 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.\\ | + | Or from the editor by touching the arrow icon near the bottom-right |
- | Or the insect icon near the middle-bottom will run with debug display.\\ | + | Or the insect icon near the middle-bottom |
\\ | \\ | ||
**Other icons on the main screen**\\ | **Other icons on the main screen**\\ | ||
- | The book icon opens the DroidScript Documentation (includes Tutorials, link to Forum, Release notes, and WebSite), Introduction, | + | The book icon (red arrow 10) opens the DroidScript Documentation (includes Tutorials, link to Forum, Release notes, and WebSite), Introduction, |
- | The Rocket icon (top-right) gives access to Samples and Store.\\ | + | 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.\\ | Samples and Store (and Examples in the Reference) allow code to be copied and/or run.\\ | ||
\\ | \\ | ||
Line 35: | Line 36: | ||
You can simply type code in (the Smart Editor can display suggestions and auto-complete).\\ | 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\\ | Double touch the YoYo to bring up the ToolBox which has icons for\\ | ||
- | Select (to select part of your code), Select All, Copy, Cut, Paste, and Beautify. | + | Select (to select part of your code - red arrow 14), Select All (15), Copy (16), Cut (17), Paste (18), and Beautify |
Double touch the YoYo to hide the Toolbox.\\ | 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.\\ | You can touch within your code to move the YoYo cursor, or touch and drag the YoYo.\\ | ||
+ | |||
\\ | \\ | ||
**Search and Replace**\\ | **Search and Replace**\\ | ||
- | Touch the magnifying glass icon on the grey bar to search/ | + | 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.\\ | Touch the Search For box and type in text to find, then the down-arrow to search forwards.\\ | ||
- | To search | + | To search |
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.\\ | 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/ | **Undo/ | ||
The bottom row of icons (on a black background) includes\\ | The bottom row of icons (on a black background) includes\\ | ||
- | Undo (on the left) and Redo (on the right).\\ | + | Undo (red arrow 2) and Redo (red arrow 8).\\ |
Also toward the right are Run and Debug (mentioned earlier).\\ | Also toward the right are Run and Debug (mentioned earlier).\\ | ||
\\ | \\ | ||
**Files**\\ | **Files**\\ | ||
- | Second from the left near the bottom is the File icon. Touch it to add a file to the App.\\ | + | 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/ | Type in a filename, and choose Script/ | ||
To switch which file you are editing touch the file name at the top of the screen.\\ | To switch which file you are editing touch the file name at the top of the screen.\\ | ||
Line 58: | Line 61: | ||
\\ | \\ | ||
**Assets**\\ | **Assets**\\ | ||
- | To view assets and add assets (Images, etc) to your app, touch the 3rd icon form the left on the bottom bar.\\ | + | To view assets and add assets (Images, etc) to your app, touch the 3rd icon (red arrow 4).\\ |
Touch the + icon to add Assets.\\ | Touch the + icon to add Assets.\\ | ||
\\ | \\ | ||
**Toolboxes**\\ | **Toolboxes**\\ | ||
- | If the YoYo toolbox is closed then you will see an icon with 3 horizontal lines on the right of the grey bar.\\ | + | 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 that icon to see the javascript/ | ||
Touch the right-arrow icon on the right of the grey bar to close the javascript/ | Touch the right-arrow icon on the right of the grey bar to close the javascript/ |