|
|
|
|
|
- Overview
- Implementation
- Creating a new layout for a WINDEV Mobile window
- Creating a new layout for a WINDEV window
- Creating a new layout for an internal window
- Handling layouts
- Managing controls in the layouts
- Context menu of controls specific to layouts
- Special case of the Action Bar
- Context menu of layouts
- Comparing windows with layouts
- Managing layouts at runtime
- Default operating mode
- Programming
Using layouts in WINDEV and WINDEV Mobile
Layouts are used to define several views of a window in the same project without duplicating the window. Thus, in a WINDEV or WINDEV Mobile application, you can define, for example: - a specific view for portrait mode,
- a specific view for landscape mode,
- a phone-specific view,
- a view specific to the tablet,
- ...
At runtime, you can: This help page presents: Remark: You can also create layouts in WEBDEV projects to get mobile-friendly websites. For more details, see WEBDEV layouts. Managing controls in the layouts Layouts are dissociated by default ( ![](https://doc.windev.com/en-US/images/image.awp?langid=3&name=Agencement_Page_manip%20-%20HC%20N%B0001.gif&0) ): - A control created in one layout is created in all layouts, with the same characteristics (size, position, etc.).
- A control moved or resized in a layout is moved or resized only in that layout.
- The automatic dissociation is enabled by default for all the controls. With this mode, when a control is moved or resized in one of the windows in the layout, the changes will not be applied in the other windows.
If you want size or position changes to be applied in all the other layouts, you can disable the automatic disassociation ( ![](https://doc.windev.com/en-US/images/image.awp?langid=3&name=Agencement_Page_manip%20-%20HC%20N%B0002.gif&0) ): the next size or position changes will be applied in all the layouts. A red triangle may appear when a control is selected. It indicates that the control has been dissociated, and that any changes made to it will be applied only in the current layout. Tip: Toast messages appear regularly to remind you if the changes made to a control are applied in other layouts, depending on the control disassociation options. Context menu of controls specific to layouts The "Layouts" context menu also allows you to dissociate specific characteristics of controls. These options are as follows: - Dissociate position: If this option is selected, the control will be moved only in the current layout. If this option is not selected, the control will be moved in all the layouts.
- Dissociate size: If this option is selected, the control will be resized only in the current layout. If this option is not selected, the control will be resized in all the layouts.
- Dissociate anchors: If this option is selected, the anchors of the control will be changed only in the current layout. If this option is not selected, the anchors of the control will be changed in all the layouts.
- Dissociate the font: used to dissociate the font in one or more layouts. You can for example use a specific font for Android and another font for iOS. It is also possible to specify a font size for each layout.
Remark: When the automatic dissociation mode is disabled, and a specific dissociation is disabled via the context menu, the changes made in the current layout will be automatically applied in all the layouts. The "Layouts" context menu includes other options: - Hide in this layout: Hides the selected control in the current layout.
- Show in all layouts: Shows the current control in all layouts.
Remark: This context menu is available for a selection of controls. Limitation: For Chart controls, the properties of the title and legend cannot be dissociated between layouts. Context menu of layouts You can manage layouts via the context menu of the thumbnails: You can: - View the layout description and modify it. For more details, see Layout settings.
- Activate the layout, which means display it in order to modify it.
- Activate the layout in double-view mode: the two layouts can be displayed and edited simultaneously.
- Create a new layout from the current layout.
- Delete the selected layout.
- Display proportional thumbnails.
- Refresh automatically: Used to refresh the layout as soon as a modification is performed in the window.
- Refresh this layout: Used to immediately refresh the layout.
- Refresh all: Used to immediately refresh all the layouts.
Comparing windows with layouts WINDEV and WINDEV Mobile allow you to compare two projects, two elements of a project, etc. For more details, see Project comparator. When comparing windows containing layouts, the differences found for each layout are listed.
Managing layouts at runtime Default operating mode The initial layout is automatically selected according to: - the system,
- the orientation,
- the platform size,
- the size of the window or page (in the editor).
The layout settings can be defined for each platform ("Description" in the context menu of the layout title bar): Programming You can: - force the layout to be used (WinChangeLayout). Simply indicate the number of the layout to use as parameter. This number is specified in the layout title bar.
- get the current layout (WinCurrentLayout).
This page is also available for…
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|