User Tools

Site Tools


getting_started:android_ide_how_to

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
getting_started:android_ide_how_to [2021/05/11 14:49]
al4he6
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.\\
 +\\
 +{{:getting_started:device_ide_nums.jpg?400|}}
 \\ \\
 **Creating a new Project/App**\\ **Creating a new Project/App**\\
-After installing the DroidScipt app on your Android device you will see a screen like this.\\ +After installing the DroidScipt app on your Android device...\\ 
-{{https://androidscript.org/droidscript/tutorials/1_GettingStarted/en/img/Step2_en.png}}\\ +To create a new App/Project, touch the 3 vertical dots toward the top-right (red arrow 12), and choose New from the drop-down.\\
-To create a new App/Project, touch the 3 vertical dots toward the top-right, and choose New from the drop-down.\\+
 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), Settings (including your language, font-size in the editor), News (about DroidScript), Premium (paid for capabilities), SDK (create your own plugins), About (version, links to Discussion Group, Twitter, Facebook, and Privacy Policy).\\ Other options in the drop-down are Plugins (which extend the capabilities of DroidScript), Settings (including your language, font-size in the editor), News (about DroidScript), Premium (paid for capabilities), SDK (create your own plugins), About (version, links to Discussion Group, Twitter, Facebook, and Privacy Policy).\\
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 (red arrow 6).\\ 
-Or the insect icon near the middle-bottom will run with debug display.\\+Or the insect icon near the middle-bottom (red arrow 5) will run with debug display.\\
 \\ \\
 **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, Reference (includes all the Objects and Classes with Examples), Resources (official and unofficial wesites), Material UI (Premium), Game  Engine, Music, Plugins, Extensions (Terminal, Language, Scratchpad, Search, FileDiff, Chat). \\ +The book icon (red arrow 10) opens the DroidScript Documentation (includes Tutorials, link to Forum, Release notes, and WebSite), Introduction, Reference (includes all the Objects and Classes with Examples), Resources (official and unofficial wesites), Material UI (Premium), Game  Engine, Music, Plugins, Extensions (Terminal, Language, Scratchpad, Search, FileDiff, Chat). \\ 
-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 (19).
 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/replace.\\+Touch the magnifying glass icon (red arrow 1) on the grey bar to search/replace.\\
 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 backwardss use the up-arrow icon.\\+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.\\ 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.\\
 +{{:getting_started:device_id_search.jpg?400|}}
 \\ \\
-**Undo/Redo, Run, Debug**\+**Undo/Redo, Run, Debug**\\
 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 form the left near the bottom is the File icon. Touch it to or 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/Class/Text/HTML/CSS/JSON form the drop-down.\\ +Type in a filename, and choose Script/Class/Text/HTML/CSS/JSON from the drop-down.\\ 
-To switch which file yoiu 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.\\
 non-Premium members are restricted to 3 files per project.\\ 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”).\\ To use additional javascript files then your main file should include app.Script(“filename.js”).\\
 +\\
 **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/typing toolbox, which allows you to add a function template, and to type special characters.\\ Touch that icon to see the javascript/typing toolbox, which allows you to add a function template, and to type special characters.\\
 Touch the right-arrow icon on the right of the grey bar to close the javascript/typing toolbox. Touch the right-arrow icon on the right of the grey bar to close the javascript/typing toolbox.
Line 67: Line 71:
 If your cursor is pointing at an object or method name then the grey bar will show the parameters. 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/method.\\  Touching in the grey bar will show the reference page for the object/method.\\ 
 +\\
 +**YouTube**
 +You may find it useful to also look at this demo on YouTube https://youtu.be/VoyIGfzqbss \\
 +\\
 +**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
  
  
getting_started/android_ide_how_to.1620744567.txt.gz · Last modified: 2021/05/11 14:49 by al4he6