Tuto WINDEV Mobile 25

160 Part 5: Android and iOS: Developing an application Overview In the Windows applications, all the operations are performed via the mouse or the keyboard. In mobile, the interfaces must be configured differently. With the touchdown screens, all the operations are performed with the fingers. In the applications for mobile devices, WINDEV Mobile proposes several features to manages the specific moves of fingers (pull to refresh, double touch, sliding, ...). In this lesson, we are going to create a new form window, used to view the products. In this window, you will have the ability to go from a product form to another one by swipe. Answer If the "WM Managing Products" application was not created in the previous part, a corrected project is available. This project contains all windows created in this part and it allows you to check your operations. To open this corrected project, in WINDEV Mobile’s home page (Ctrl + <), click "Tutorial" and select "iOS/Android application (Answer)". Creating the Form window with swipe Creating the Form window ▶ To create the form window: 1. Create a new blank window. • Click among the quick access buttons. • The window for creating a new element is displayed: click "Window" then "Window". • In the wizard, select the "Standard" tab, choose "Blank" and validate. 2.  In the window for saving an element, specify: • the window title: "Product form". • the window name: "WIN_Product_form_Advanced". 3. Validate. We are now going to create an Internal Window control in the "WIN_Product_form_Advanced" window. This control will host an internal window that will display the data to scroll. ▶ To create the Internal Window control: 1. On the "Creation" pane, in the "Containers" group, expand "Internal window" and select "Swipe area (Internal window)". 2. Click the position where the control will be created in the window (top left corner). 3. Resize the Internal Window control so that it occupies the entire available space in the window. 4. Modify the anchor of Internal Window control ("Anchor" option from the popup menu): anchor the control in height and in width ( ). 5. Validate.