Devexpress--navbarcontrol controls

First, in the Toolbox navigation&layout find the Control Navbarcontrol, drag to the corresponding position.

Click on the small triangle in the upper right corner of the control to design it:

Click Add Group to quickly add a list of groups and click Run Designer to edit the properties of the groups and items that they add.

Thirdly, the following is designed according to the requirements, such as the demonstration:

The red box on the left is the added group information, click Add Groups, caption set the Text property, the Middle green box is the item information, click Add Item, caption set the Text property, you can drag the corresponding item information to the group information, such as the Left blue circle out of the show , the right is where the property is set, we can adjust the font style, apply the control skin style, set the event and so on. Of course, we can also set the icon for the corresponding operation, following this as an example, to explain the detailed process, will be this, of course, many operations will be very easy.

Four, the setting icon mainly uses two attributes, Largeimage and Smallimage, this is two forms, Largeimage is the icon above the text, Smallimage is the icon in the text left, adds the ready icon to be able.

You can also set the skin style by changing lookandfeel in the Navbarcontrol control properties.

There are also settings for the font, you need to pay attention to the Apparance property under the font style, but also to Usefont=true, if Usefont=false, is still the default. As set:

Five, there is a contraction of the properties will often be used, is expanded, when the expanded=true is expanded, when Expanded=false, is closed up.

Here's a look at the effect:

Devexpress--navbarcontrol controls