Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 22 - 2612 Digimind C5
P. 22

    The Project Designer window is divided into several important sections, each with a specific
                      function that helps in building the app efficiently. These sections are as follows:

                         Palette pane: The Palette pane contains a list of all available components that can be
                        used in an app. These components are grouped into categories such as User Interface,
                        Layout,  Media,  Drawing  and Animation,  Sensors, Social,  Storage,  and Connectivity.

                        Users can select a component from the palette and drag it into the Viewer Pane to add
                        it to the app.

                         Viewer pane: The Viewer pane is the main white area where the app screen is displayed.
                        It shows how the app will look on a mobile device. Users can place, move, resize, and
                        arrange components such as buttons, labels, images, and text boxes in this area. It
                        provides a real-time preview of the app’s layout.

                         Components  pane: The Components  pane displays  a hierarchical list  of all the

                        components that have been added to the app. It helps users understand the structure of
                        the app and manage components easily. From this pane, components can be selected,
                        renamed, or deleted as required.

                         Properties pane: The Properties pane shows the settings and attributes of the selected
                        component.  Users can  modify  properties  such as  text,  colour,  font  size,  alignment,
                        visibility, and size. Changing properties allows users to customize the appearance and

                        behaviour of each component without writing any code.

                      BLOCK EDITOR

                      This is the place where we code the components added in the Project Designer window
                      and instruct them the actions to be performed by them. To open Block Editor window, click
                      on Blocks button. And to open Project Designer window, click on Designer button.

                                                                                                       Blocks Button

                                Built-in                                                   Backpack
                                 Blocks

                                                                              Workspace
                            Components
                               Blocks

                                                                                                Trash

                       20   Premium Edition-V

| 17 18 19 20 21 22 23 24 25 26 27 |