PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • How to propose sliding windows?
  • Creating internal windows
  • Defining the sliding windows associated with a window
  • Opening a sliding window via the ActionBar
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview
The sliding windows (also called sliding menus) are often used in the 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:
How to propose sliding windows?
The different steps to propose sliding windows are as follows:
  1. Creating internal windows. These internal windows will be the sliding windows.
  2. Defining the sliding windows that will be displayed in the description window of the main window.
  3. Defining the display mode of sliding windows:
    • by gesture.
    • by programming.
    • Android via the action bar.

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:
    • MyLeftSlidingWindow to identify the left sliding window.
    • MyRightSlidingWindow to identify the right sliding window.
      // Changes the caption color in the right sliding window
      MyRightSlidingWindow.STC_Caption..Color = LightRed
  • 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 corresponding sliding window will be the background color of main window.
    iPhone/iPad 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:
  1. Display the "Details" tab in the description window of main window.
  2. 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.
          Notes:
          - 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 sliding window.
      • the display mode of 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:
          - by programming (WinSlidingVisible),
          Android - by the action bar.
      • the opening effect of sliding windows. Three modes are available:
        • Overlapping: the sliding window covers the content of main window.
          Versions 23 and later
          Android The Action Bar of window is also covered.
          New in version 23
          Android The Action Bar of window is also covered.
          Android The Action Bar of window is also covered.
        • Push: the sliding window pushes the content of main window,
        • Uncovering: 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.
Android

Opening a sliding window via the ActionBar

When a window containing an ActionBar is associated with sliding windows, the click on the icon of the ActionBar may trigger the display the the left sliding window.
See Action Bar of a window for more details.
Related Examples:
Android System Android (WINDEV Mobile): Android System
[ + ] This application is a tutorial example presenting some of the new features of WINDEV Mobile for Android.
The following system functions are used:
- NFC
- Multimedia control
- Brightness
- Volume
- WIFI
- Bluetooth
- Toast
- Progress Bar control
- 9-image mode
- Compass
- Accelerometer
- Camera control
- LED
- Vibrations
- Notifications
- Drawing functions
- Internet
WM FTP Client 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
WM Poll 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
Minimum required version
  • Version 19
Comments
Click [Add] to post a comment