Differences

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

--- getting_started:android_ide_how_to [2021/05/11 13:50]
al4he6 created
+++ getting_started:android_ide_how_to [2021/09/23 15:30]
al4he6 image and references to read-arrows
@@ Line 1: / Line 1: @@
 ====== (Android) IDE - How To ======
 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**\\
-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).\\
 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 19: / Line 20: @@
 To exit from Edit, touch the Android Back icon (bottom left).\\
 To exit DroidScript, do the same.\\
+\\
+**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, 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 (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/replace.\\
+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.\\
+{{:getting_started:device_id_search.jpg?400|}}
+\\
+**Undo/Redo, Run, Debug**\\
+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/Class/Text/HTML/CSS/JSON from the drop-down.\\
+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/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.
+If the YoYo and javaascript/typing toolbox are closed then the smart editor can show a list of objects/methods to choose from.\\
+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.\\
+\\
+**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 :
+) open the settings menu using the button with 3 vertical dots
+) select the largest fontsize available and press Ok
+) double-tap the screen at the start of the cut
+) drag the yoyo to the end of the cut to highlight it
+) double-tap the yoyo to see the cut and paste menu
+) tap the scissors to cut the code
+move the cursor to the start of the destination
+) double-tap the yoyo and paste
+) If you have finished, go back to the settings menu and choose your normal font-size

DroidScript Wiki

User Tools

Site Tools

Differences

Page Tools