Build beautiful interface elements using built-in icons in the DevExpress program

In our general program, for the general interface elements to add a certain icon display, to help improve the overall appearance of the interface. The combination of layout, as well as fixed scene icons, often give users a very good intuitive feeling: unified, beautiful, easy to understand. Therefore, in the general program interface, as far as possible in a slightly monotonous interface to add some icons to decorate, can achieve a better overall effect. This article describes the WinForm program interface, you can use your own icon library, you can also introduce the DevExpress program to use the built-in icons, so as to achieve the development of the program to Polish.

1. Use your own icon library

Whether in the Web or in the WinForm project, developers accumulate a certain library of icons, including 256,128,64 pixels and other large icons, or regular 32,16 pixel specifications of the icons are relatively good, and sometimes can choose to match the theme and scene icons, to the development of the program to add more beautiful elements.

But even if their own storage is not enough, it does not matter, you can search through the site some of the requirements of the icon, the site also has a lot of free icons can be downloaded, such as the following several URLs:

http://www.iconfinder.com/

http://www.iconpng.com/

http://findicons.com/

http://www.iconseeker.com/

http://mricons.com/

http://www.iconarchive.com/

You can always find the icon of the theme you need.

As below is my WinForm development framework inside the program main interface style, using a lot of their own icons.

2, using the DevExpress built-in icon library

In some general interface, such as the edit interface and the button inside the query interface, I tend to use the built-in devexpress icon, so that the program looks more uniform, such as I am in the interface design of the base class form, the icon application effect is as follows.

The way to add icons is very simple, click on the small icon in the top right corner of the button to enter the editing interface, as shown below.

Then choose the image button, go to the icon selection interface, select the built-in DevExpress icon Library, basically, as long as the devexpress of the native control, then you can use this built-in Icon dialog box for icon selection, very convenient.

Large Icons Choose 32*32, Small icons can choose the size of 16*16.

This allows us to design some regular list interface action buttons, you can choose the same icon to form a more standard icon.

The above is my WinForm development framework, mixed development framework inside, WinForm interface of the chart design, of course, many interfaces such as tree list, right-click menu, tool, etc. can be used a certain icon, the interface decoration more beautiful and easy to understand.

Build beautiful interface elements using built-in icons in the DevExpress program