|
|
|
|
- Overview
- Selection mode ("UI" tab of the description window)
- Selection modes
- Display mode ("Details" tab of the description window)
- The different available modes
- Standard vertical mode or column gallery mode: Column anchoring
- Other settings in the "Details" tab
- Input settings
- Scrollbar
- Movements and gestures
- Search control
- Different content in each row ("Content" tab)
- Implementation
- Characteristics of internal windows
Características de un control Looper en una ventana
To view the characteristics of the control, select "Description" in the context menu. In a window, the attributes not being proposed by default, only the characteristics of the Looper control will be displayed. The main control characteristics are grouped in the following tabs: - The "General" tab displays the list of controls found in the Looper control.
- In the "UI" tab, you can select:
- In the "Details" tab, you can select:
- In the "Content" tab, you can define:
- The "Style" tab allows you to define the style of the different control elements.
Selection mode ("UI" tab of the description window) Selection modes The following selection modes are available in a Looper control: - Sin selección: The selection bar is not displayed on the selected row. However, the "Select a row" event in run when the row is selected.
- Selección única: The selection bar is displayed on the selected row. The code in the "Select a row" event is run.
- Selección múltiple: The selection bar is displayed on the selected rows. To select several rows, hold the Shift or Ctrl key down. The "Select a row" event is run whenever a row is selected.
- Modo de selección Android/iOS: This option hides the selection bar after the selection. This allows you to get the standard operating mode on these platforms: the bar appears only when the row is clicked. Then, the row selection code is executed.
Display mode ("Details" tab of the description window) The different available modes Several display modes are available: - Standard (grid): Display mode of standard Looper controls. In this case, the Looper control can be horizontal or vertical.
- Gallery in rows: Display mode corresponding to the Gallery control in rows. For more details, see 'Image gallery' Looper control.
- Gallery in columns: Display mode corresponding to the Gallery control in columns. For more details, see 'Image gallery' Looper control.
These modes can be selected in the "Details" tab of the Looper control description window. Standard vertical mode or column gallery mode: Column anchoring The available options are: - Variable column width: If the width of the looper allows for an additional column, the number of columns does not change. Only the width of columns is modified.
- Variable width and number of columns: If the width of the looper control allows for an additional column, it will be added. Before adding the column, the rows are stretched horizontally.
- Variable number of columns (left): If the width of the looper control allows for an additional column, it will be added. Before adding the column, the columns are aligned on the left and an empty area may appear on the right.
- Variable number of columns (columns): If the width of the looper control allows for an additional column, it will be added. Before adding a column, the columns are centered in the control and an empty area may appear on either side of the centered columns.
- Fixed width and number of columns (left): The number of columns and the width of the columns are not changed. Columns are aligned to the left.
- Fixed width and number of columns (centered): The number of columns and the width of the columns are not changed. The columns are centered.
Other settings in the "Details" tab Movements and gestures The following options are available: - Desplazamiento por pixel: a row may not be entirely displayed according to the scrollbar position.
- Desplazamiento táctil: used to handle the scrollbar via a touch screen.
Different content in each row ("Content" tab) The Looper controls allow you to customize the appearance of rows: layout, content, ... This makes it possible to place Looper controls within other Looper controls. Implementation To create a Looper control with variable content: - Create a Looper control populated programmatically. This control must be a vertical Looper control containing a single column.
- Open the Looper control description window.
- In the "Content" tab of control description:
- Check "Utilizar una Ventana interna por fila (función LooperAddIW)".
- Indicate the mode for unloading the internal windows:
- Never: The internal windows are loaded when the associated row is visible in the control. The unload is never performed when using the control. It is performed when closing the window. This mode is recommended if there are few internal windows and if they do not contain many controls .
Advantage: The entire data is always available Drawback: High memory consumption. - When the row is no longer visible (option selected by default): The internal windows are loaded when the associated row is visible in the control. The unload is performed when the row is not visible anymore. This mode is recommended for the non-editable Looper controls. Indeed, if an internal window allows the input, the content typed by the user is lost when this internal window is no longer visible.
Advantage: Consumes little memory. Drawback: Loss of information typed by the user. - Row not visible + IW containing read-only controls: The internal windows are loaded when the associated row is visible in the control. The unload is performed according to the type of row:
- If the row contains no control allowing the user input, the associated internal window is unloaded when it is no longer visible.
- If the row allows the input, the associated internal window is never unloaded.
- Validate the control description window.
- Create the different internal windows corresponding to the rows of the Looper control.
- Add the internal windows to the Looper control using the following functions:
| | LooperAddIW | Agrega una fila como ventana interna al final de un control Looper rellenado mediante programación. | LooperInsertIW | Inserta una fila como ventana interna en un control Looper rellenado mediante programación. | LooperModifyIW | Modifica una fila que corresponde a una ventana interna de un control Looper rellenado mediante programación. |
Characteristics of internal windows The characteristics regarding the width and height of internal windows are as follows: - Height: The height of the row using an internal window exactly corresponds to the height of internal window defined in edit. The height of internal window cannot exceed the height of Looper control.
- Width:
- If the width of the internal window is less than the width of the Looper control, the internal window is automatically increased and anchors are applied.
- If the width of the internal window exceeds the width of the Looper control, the internal window is automatically truncated.
In most cases, we advise you to create the internal window with the smallest possible width and to use anchors.
Remark: If the internal window includes controls adapted to content, the row height will be increased or reduced according to the content.
Esta página también está disponible para…
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|