This shows you the differences between two versions of the page.
— |
getting_started:tut2 [2021/09/27 13:44] (current) al4he6 created |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ==== Tutorial on RapidDroidScript (a layout tool)====\\ | ||
+ | \\ | ||
+ | Download the tool from https:// | ||
+ | \\ | ||
+ | The tool can help you generate code for your layout with your controls (text, images, text input, etc).\\ | ||
+ | The code generated can be copied to the clipboard, then pasted into your app/ | ||
+ | \\ | ||
+ | Let's look at how to create a simple layout with two columns side-by-side.\\ | ||
+ | In the first column we will have a button, and an image (one-above-the-other).\\ | ||
+ | In the second column we will have a text field, and a text input field (one-above-the-other).\\ | ||
+ | \\ | ||
+ | First create a layout (container) where it's contents are side-by-side (horizontal).\\ | ||
+ | Main Page > Main Layout > Add > Groups > Layout > Name: | ||
+ | \\ | ||
+ | Now create 2 layouts (containers) where their contents will be arranged one-above-the-other (vertical).\\ | ||
+ | Main Page > SideBySide > Add > Groups > Layout > Name: | ||
+ | Main Page > SideBySide > Add > Groups > Layout > Name:Right > Options: | ||
+ | \\ | ||
+ | Add controls to the left column\\ | ||
+ | Main Page > Left > Add > Controls > Button > Text: Hello > Create\\ | ||
+ | Main Page > Left > Add > Controls > Image > Create\\ | ||
+ | \\ | ||
+ | Add controls to the right column\\ | ||
+ | Main Page > Right > Add > Controls > Text > Text: Goodbye > Create \\ | ||
+ | Main Page > Right > Add > Controls > TextEdit > Text: You can edit this text > Create \\ | ||
+ | \\ | ||
+ | You should now see a preview of your layout and controls.\\ | ||
+ | Touch the Code button (bottom right) to see the generated code and copy it to the clipboard.\\ | ||
+ | \\ | ||
+ | There are many other layouts (see the Groups and Screens tabs), and controls (under the Controls tab).\\ | ||
+ | There are also drop-downs for Basic/ | ||