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.
  
  

1. Add an XdevHorizontalSplitPanel to an empty view.
2. Add an XdevGridLayout into the left area of the XdevHorizontalSplitPanel and add some XdevButtons into the XdevGridLayout.
3. Add an XdevGridLayout into the right area of the XdevHorizontalSplitPanel and add some XdevButtons into the XdevGridLayout.

Result:

Important properties:

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);

    
    

  • All supported units

Go to the XdevHorizontalSplitPanel Javadoc