|
|
|
|
|
|
|
|
|
|
- WINDEV Mobile environment
- Overview
- Launching WINDEV Mobile for the first time: Home page
- Development environment
- The editor
- The ribbon in detail
- WLanguage
- Conclusion
Tutorial - WINDEV Mobile overview
WINDEV Mobile environment We will cover the following topics:  10 min WINDEV Mobile is a complete DevOps Integrated Development Environment for developing mobile applications (Android, iOS, Universal Windows, etc.) in a wide range of fields: management, industry, healthcare, catering, etc. These applications can access data stored in databases. The different tutorials will show you how to create and improve your own applications (with or without a database) using the many features available in WINDEV Mobile. Launching WINDEV Mobile for the first time: Home page To get started, simply launch WINDEV Mobile 2025. Log in if necessary. The development environment opens. The WINDEV Mobile home page appears.
This home page allows you to: - view news about PC SOFT products,
- create a project,
- open an existing project,
- open an example,
- access the different tutorials available in WINDEV Mobile.
 If you haven't started WINDEV Mobile 2025 before, a welcome wizard will appear: - If you have used an earlier version of WINDEV Mobile, this wizard will help you retrieve your previous configurations.
- If you are a new user, this wizard will help you configure your environment. You will be able to choose the screen configuration and set up the Control Centers.
Let's open a project to discover the main features of the WINDEV Mobile environment: - On the home page, click "Tutorial".
- In "Tutorial - WINDEV Mobile overview", click "Open exercise project".
- The corresponding project opens in the editor. The project dashboard is displayed. The project dashboard allows you to monitor the progress of a project via several widgets.
The editor The WINDEV Mobile development environment features a specific UI and multiple editors that allow you to create the different elements of your applications, including a window editor to create windows, a report editor to create reports, etc. Let's open a window in the window editor: - Press Ctrl + E.
- In the window that appears, enter the name of the window you want to open: WIN_Product_form.
- Validate. The window appears in the editor.
All editors are using the same environment:
- Editor menu (1), displayed as a ribbon (we'll see how to use it in the next paragraph).
- Current editor (2) (here, window editor). The editor shows the element being created or modified in WYSIWYG mode (What You See Is What You Get).
- Panes (3). The WINDEV Mobile UI includes several panes that provide quick access to different types of information.
For example:- the "Project explorer" pane (left) lists all project elements by category.
- the search pane (bottom) allows you to perform searches in the entire project and its elements.
These panes can be hidden by pressing Ctrl + W if necessary. - Open document tabs (4). These tabs allow you to quickly see all open elements. Simply click a tab to open an element in its corresponding editor.
The ribbon in detail The ribbon is a key element of the editor interface. You can access all WINDEV Mobile options via this ribbon. The ribbon includes 3 areas:
- the Buttons area, on the left (1).
- the Tabs area, at the top (2).
- the Options area (3).
Let's take a closer look at these areas. | | | The Buttons area contains the quick access buttons. These buttons let you perform some of the most common operations to all editors: save, open, create, etc. You can open the "About" window from the logo of the IDE. |
The Tabs area (2)
The different ribbon tabs allow you to access the options of the editors for the current project. Multiple types of tabs are available: - current tab. The tab name is highlighted with bold styling and an orange line below the text.
- context tabs, specific to the current element. The tab name is displayed in orange (or blue in the light theme).
- available tabs. The tab name is displayed in white (or black in the light theme).
The Options area (3)
The options in the ribbon change depending on the selected tab. Multiple types of options are available: - Options to check,
- Buttons to click,
- Drop-down buttons used to expand options. Two types of drop-down buttons are available:
- drop-down buttons used to expand a menu
- split buttons used to expand a menu (click on the arrow), or to perform a default action (click on the button icon).
All these options are organized by groups. Each group of options has a name and can have a dialog box launcher  . This button allows you to perform specific actions according to the current group. For example, you can open the description of the current element, open the help system, etc. In the different WINDEV Mobile tutorials, we will refer to tabs and groups to indicate a menu option. For example: To open the help, go to the "Home" tab, "Online help" group and click "Help". WLanguage is the programming language common to WINDEV, WEBDEV and WINDEV Mobile. If you are not familiar with this language, we advise you to follow the lessons on the programming concepts. These lessons present the different types of variables, the main WLanguage statements, the procedures, etc. We have covered the essentials of the WINDEV Mobile environment. We will see how to create a simple window for Android and iOS in My first iOS/Android application. We have completed this lesson. Don't forget to close the current project: - On the "Home" tab, in the "General" group, expand "Close" and select "Close project".
- Save changes if necessary.
- The WINDEV Mobile home page appears.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|