Original Delphi XE10 Dxlayoutcontrol Controls Application Guide

DevExpress VCL Kit is a very powerful set of interface controls, unfortunately there are too few instructions on Delphi development, some controls used to confused, do not know where to start. This section details how to use the Dxlayoutcontrol control to make an interface layout in Delphi Xe10 Seattle.

1, first from the Toolbox panel put Dxlayoutcontrol on the form, set 2 key properties as follows:

Property	Property value	Description
Align	Alclient	It is generally set to alclient because it is required to control the entire form layout
Layoutlookandfeel	Create a new Lookandfeel in the new List	Create a new style sheet to control the style of the layout control

2. Right click on the Dxlayoutcontrol control on the form, select "Designer ..." on the pop-up menu, a designer window will pop up, click "Root" on the left, then set its properties as follows:

Property	Property value	Description
Alignhorz	Ahclient	Horizontal alignment
Alignvert	Avclient	Vertical alignment
LayoutDirection	Ldvertical	Layout is arranged in a vertical direction
	Ldhorizontal	Layout is arranged in a horizontal direction
	Ldtabbed	tab arrangement

3, set to "root" of the properties, click on the right to add a few groups (Groop), and then drag the group to the left of the root, the form window on the grouping of the order can be dragged by the mouse on the "designer" on the order to change, directly drag on the form window is not valid. The attribute values for the grouping and the root are basically the same, so note the following attributes of the grouping:

Property	Property value	Description
Showborder	True (False)	Whether you want to display the grouped borders
Captionoptions->text	Custom text	Text in text indicates the content of the title displayed on the group
LayoutDirection	Ldvertical,ldhorizontal	The direction of the arrangement is whether the arrangement of controls in the grouping is arranged horizontally or vertically

4, the group is added to complete, set the corresponding properties, you can according to the design in the grouping inside the corresponding edit box or button. The final result is this:

qq:7846156

Original Delphi XE10 Dxlayoutcontrol Controls Application Guide