FlowLayoutControl Class
Represents a container that arranges child controls into rows or columns, and alows the flow of the controls to be wrapped (automatically at the container’s edge or manually at any child control).
Namespace: DevExpress.Xpf.LayoutControl
Assembly: DevExpress.Xpf.LayoutControl.v18.2.dll
Declaration
[DefaultBindingProperty("ItemsSource")]
public class FlowLayoutControl :
LayoutControlBase,
IFlowLayoutControl,
ILayoutControlBase,
IScrollControl,
IPanel,
IControl,
ILayoutModelBase,
IFlowLayoutModel,
IMaximizingContainerRemarks
The FlowLayoutControl arranges its items into rows or columns, according to the FlowLayoutControl.Orientation property. By default, the flow of items is automatically wrapped at the container’s edge. However, you can wrap the flow manually at a specific item. In the following image, the flow of items is automatically wrapped at Item 6, and manually at Item 9:
The FlowLayoutControl supports the following features:
Automatic and manual item flow wrapping.
To disable item flow wrapping use the FlowLayoutControl.BreakFlowToFit property. The FlowLayoutControl.IsFlowBreak attached property allows you to manually wrap the flow of items, starting a new column or row, at a specific item.
- Items can be stretched to the width/height of the FlowLayoutControl. See the FlowLayoutControl.StretchContent property.
- Dragging-and-dropping items, allowing an end-user to move items to new positions. See the FlowLayoutControl.AllowItemMoving property.
- Resizing layers using built-in layer separators. See the FlowLayoutControl.AllowLayerSizing property.
- Maximizing a specific item in the center of the FlowLayoutControl, while other items are arranged in a single layer (column or row) along the control’s edge. See the FlowLayoutControl.MaximizedElement property.
To learn more about the FlowLayoutControl, refer to the Flow Layout Control topic.
Example
Related GitHub Examples
The following code snippets (auto-collected from DevExpress Examples) contain references to the FlowLayoutControl class.
Note
The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.