The XdevHorizontalSplitPanel is a container that separates the available area into two areas, left and right, using a horizontally movable splitter. You will need to insert a layout or an UI component in both areas. The element is then automatically stretched over the entire size of the respective area. The position of the splitter that is set in the draft later becomes the initial position at runtime.
- Layout: Any number of UI components can be displayed in the respective area.
- UI-Component: Only one UI component can be displayed in the respective area. This component is automatically stretched over the full size of the respective area.
- Add an XdevHorizontalSplitPanel to an empty view.
- Add an XdevGridLayout into the left area of the XdevHorizontalSplitPanel and add some XdevButtons into the XdevGridLayout.
- Add an XdevGridLayout into the right area of the XdevHorizontalSplitPanel and add some XdevButtons into the XdevGridLayout.
Result:
- In the GUI Builder
Important properties:
Split Position - The value of the splitter position in the unit, set in Split Position Unit. At runtime, the set value is taken as a starting position (default value).
Split Position Unit - Unit of the value set for the position of the splitter in Split Position. The available units are pixels and percentages.
Examples:
Set splitter position dynamically
Transfer the position as a decimal number
Position in pixels
horizontalSplitPanel.setSplitPosition(380.0f, Unit.PIXELS);
Position in centimeters
verticalSplitPanel.setSplitPosition(380.0f, Unit.CM);
Position in percentage
verticalSplitPanel.setSplitPosition(380.0f, Unit.PERCENTAGE);