A modern and flexible WPF screen splitting library for dynamic pane management. Create resizable, dockable panels with intuitive split controls and visual feedback.
A modern and flexible WPF screen splitting library for dynamic pane management. Create resizable, dockable panels with intuitive split controls and visual feedback.
The panel uses a unified event-driven architecture for all content requests:
// Handle all content requests - both initial and split operations
private void OnContentRequested(object sender, ContentRequestedEventArgs e)
{
// Handle initial panel content
if (e.RequestType == ContentRequestType.InitialPane)
{
e.RequestedContent = new Border
{
Background = Brushes.LightBlue,
Child = new TextBlock
{
Text = $"Initial Panel {DateTime.Now:HH:mm:ss}",
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center
}
};
e.Handled = true;
}
// Handle split panel content
else if (e.RequestType == ContentRequestType.SplitPane)
{
e.RequestedContent = new Border
{
Background = Brushes.LightGreen,
Child = new TextBlock
{
Text = $"Split Panel {DateTime.Now:HH:mm:ss}\nDirection: {(e.IsVerticalSplit == true ? "Vertical" : "Horizontal")}",
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center
}
};
e.Handled = true;
}
}
Programmatic Splitting
Split the selected panel programmatically:
// Split vertically at 50%
flexiPanel.SplitSelectedVertically(0.5);
// Split horizontally with custom content
var customContent = new TextBlock { Text = "New Panel" };
flexiPanel.SplitSelectedHorizontally(0.3, customContent);
flexiPanel.IsSplitModeActive = true;
// Interactive split overlays and close buttons are automatically shown
When split mode is active:
Interactive Split Overlays: Hover over panels to see split direction guides
Mouse-Based Splitting: Click on overlay regions to split vertically/horizontally
Visual Direction Guides: Clear indicators showing split direction and guide lines
Keyboard Navigation: ESC to exit split mode, focus handling for accessibility
Smart Close Operations: Close buttons with proper visual tree cleanup
Toggle off safely: Disabling split mode preserves all existing panels
Automatic Content Wrapping
The library automatically handles different content types:
private void OnContentRequested(object sender, ContentRequestedEventArgs e)
{
// Return any UIElement - FlexiPanel automatically wraps it for splitting
e.RequestedContent = new UserControl(); // Gets wrapped in FlexiPaneItem
e.RequestedContent = new TextBlock(); // Gets wrapped in FlexiPaneItem
e.RequestedContent = new FlexiPaneItem(); // Used directly
}
Smart Layout Management
The panel intelligently manages complex layouts:
Automatic Structure Preservation: When split mode is toggled off, existing split layouts are preserved
