|
|
|
|
|
- Overview
- How to implement sliding windows?
- Creating internal windows
- Defining the sliding windows associated with a window
- Opening a sliding window via the Action Bar
Left or right sliding window (sliding menu)
Left or right sliding windows (also called sliding menus) are often used in mobile applications. The characteristics for using this type of window are as follows: - The sliding window can appear from the left or from the right of screen.
- The sliding window can be partially displayed above the previous window or it can partially shift this window.
A typical use for this type of window is the display of a list of choices or the configuration of an application. WINDEV Mobile allows you to display this type of window: Caution: Sliding windows can only be used with maximized windows. How to implement sliding windows? Creating internal windows The sliding windows are internal windows. This internal window has the following characteristics: - Close used in the sliding window or in the main window will close both windows.
- The controls of the sliding window are accessible via the main window, with the following keywords:
- Aspect of sliding window:
The color and the border of the sliding window are defined by the internal window. If the internal window has a transparent background, the background color of the sliding window will be the background color of the main window. The sliding window will always have an opaque system bar, even if the main window has a transparent system bar.
Defining the sliding windows associated with a window To define the sliding windows associated with a window: - Open the "Details" tab in the description window of main window.
- Select the internal windows that will be displayed as sliding windows:
- In the "Left sliding window" (or "Right sliding window") area, specify:
- the internal window to display. The different internal windows of the application are proposed when expanding the list.
- the width of internal window.
The width of sliding window can correspond to: - the width of internal window. In this case, leave the "Width" control empty.
- a percentage of the main window. In this case, the anchors defined in the internal window will be applied. No horizontal scrollbar will be displayed.
Remarks: - The height is fixed by the height of the internal window. A vertical scrollbar will be displayed if the height exceeds the height of the screen. - You have the ability to use WinUsefulSize to define the useful size of the sliding window.
- the display mode of the internal window:
- If "Swipe" is checked, the sliding window will automatically appear during a user action.
- If "Swipe" is not checked, the sliding window will be displayed:
- through programming (WinSlidingVisible), - by the action bar.
- the opening effect of sliding windows. Three modes are available:
- Cover: the sliding window covers the content of the main window.
The Action Bar of window is also covered. - Push: the sliding window pushes the content of the main window,
- Uncover: the sliding window reveals the content of the main window.
In any case, the main window remains inaccessible. A click on the main window will close the sliding window.
Related Examples:
|
Cross-platform examples (WINDEV Mobile): WM System
[ + ] This application is an example of some of the features of WINDEV Mobile available for Android/iOS. The following system functions are used: - NFC - Multimedia control - Brightness - Volume - Wi-Fi - Bluetooth - Toast - Compass - Accelerometer - Camera control - LED - Vibration - Notifications - Drawing functions - Internet
|
|
Cross-platform examples (WINDEV Mobile): WM FTP Client
[ + ] This example is an FTP Client for Android and iOS. It explains how to interact with an FTP server via the FTP functions of WLanguage. It is used to: - Rename files - Delete files - Create folders - Download files - Send files to the server
|
|
Cross-platform examples (WINDEV Mobile): WM Poll
[ + ] This example is used to manage and view polls. It is a multi-platform example for iOS and Android. The iOS generation and the Android generation use the same code and the same windows. Features of the example: The section that operates on the phone (iPhone or Android phone) is used to save the answers to the polls. The section that operates on a tablet (iPad or Android tablet) is used to manage the polls: create and delete polls, modify polls (the questions and the answers) and to view the answer statistics. The results are stored in a HFSQL database
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|