Use excellent. NET interface controls to create trendy Interface Effects

For a long time, IrisSkin is generally used to beautify the interface effect for the. NET shared small software interface, which is easy to use and the interface effect is also acceptable. As below I do QQ search day interface effect is as follows: http://www.iqidi.com/Download/qqcollector1.png (no texture, save said suspected advertising ). This control is easy to develop and apply. Drag the control to the main interface and add the code to the initialization area:

String skinFile = ConfigurationManager. receivettings ["SkinFile"];
This. skinEngine1.SkinFile = Path. Combine (Application. StartupPath, skinFile );

 

After the code from other places is added to the initialization of the main interface, all the windows related to the program are beautified into a uniform style.

The times have changed, technology has evolved, and interface effects have never changed. The most popular interfaces are windows, Ribbon, and many large foreign companies. NET Control vendors are also following the trend, and different versions of interface controls are also released to support this trendy interface effect.

Here I will mainly introduce the DotNetBar control, which is easy to use and more importantly, provides a variety of interface controls, supports the overall Ribbon and more complex interface effects. We can see from the control of the official site effect (http://www.devcomponents.com/dotnetbar/screenshots.aspx), which is very cool, And the Office2007 effect is almost no difference.

In my spare time, I used this control to perform some interface test results, as shown below. This should be the interface effect of my next version of QQ souttian:

 

The software contains a few parts. In order to practice, I made a program with a relatively full layout. I used this mini program: SMS sending program to introduce the content of each part of the interface, so that we can create a more reasonable layout, more beautiful and convenient program effect.

 

The following content is divided one by one based on the number of the above graphic effects. It introduces the intent and effect of each part of the framework:
1. In Office2007, this part is a comprehensive menu interface. My above applet only retains the button and does not set the menu, similar to the page homepage connection function, you can quickly return to the main interface.

2. The Office interface style drop-down box allows you to select different interface effects. You can also place quick buttons, such as the Save, create, and undo functions of Office2007.

3. the Ribbon-style foldable TabItem control places buttons or other interface elements with similar functions in a centralized manner. Here I place some functional buttons and attach some pictures to make them look nice.

4. It is the connection address of the technical support website. You can also put some help quick entrance buttons.

Modules 5, 5, and 6 are the areas displayed on the main interface. Here, because there are not many functional interfaces, I used a TabControl control to facilitate operations and put the form content controls together, this facilitates User Switching.

6. 6 is actually the main content control. During the design, I designed each part of the content as a user control so that the TableControl control can be used, dynamically and uniformly load the required user controls into the interface.

7. It is used to display the status bar of the company's Logon, Operation prompt information, date and time, Logon user and other related information.

 

Through the above seven modules, we break down the software interface and perform their respective duties. This layout is relatively stable and can accommodate a lot of things. It should be a good interface layout, these rely on the DotNetbar controls to help us design professional, modern interface effects.

In fact, in many cases, we may also use a single document-based display method to demonstrate the effect, so that the user will not see the confusion, the attention is relatively concentrated, and such an effect design, when some functional modules are not directly related to other modules, you can use them. Below we will change the display effect.

 

The preceding two types of images can be assembled by interface elements to display different effects in different la s, so as to achieve better display effects. Below are some functional code to help readers:

1. Code for changing the interface style:

Private void ChangeStyle (object sender, EventArgs e)
{
String style = cbStyleManager. Text;
If ("Office2007Blue". Equals (style ))
{
StyleManager. ManagerStyle = eStyle. Office2007Blue;
}
Else if ("Office2007Silver". Equals (style ))
{
StyleManager. ManagerStyle = eStyle. Office2007Silver;
}
Else if ("Office2007Black". Equals (style ))
{
StyleManager. ManagerStyle = eStyle. Office2007Black;
}
Else if ("Office2007VistaGlass". Equals (style ))
{
StyleManager. ManagerStyle = eStyle. Office2007VistaGlass;
}
Else if ("Office2010Silver". Equals (style ))
{
StyleManager. ManagerStyle = eStyle. Office2010Silver;
}
Else if ("Windows7Blue". Equals (style ))
{
StyleManager. ManagerStyle = eStyle. Windows7Blue;
}

Config. AppConfigSet ("UIStyle", style );
}

 

 

2. Add the user control to the Code on the interface:

Code Public void SetDetailPanel (UserControl uc)
{
If (uc = null)
{
Throw new ArgumentNullException ("uc", @ "User Control uc cannot be blank ");
}

Uc. Dock = DockStyle. Fill;
RibbonDetailPanel. Controls. Clear ();
RibbonDetailPanel. Controls. Add (uc );
}

 

Var tabMessage = new CtrlMessageTab ();
SetDetailPanel (tabMessage );

 

 

3. Using the TabControl control, we can dynamically assemble the required form control in the code, as shown below:

Code CtrlMessage = new CtrlMainContent ();
CtrlMessage. Dock = DockStyle. Fill;
This. panelMessage. Controls. Add (ctrlMessage );

Var ctrlTemplate = new CtrlDictionary ();
CtrlTemplate. Dock = DockStyle. Fill;
CtrlTemplate. SetText = new SetTextDelegate (SetMessage );
This. panelTemplate. Controls. Add (ctrlTemplate );

Var ctrlLocal = new CtrlLocalHistroy ();
CtrlLocal. Dock = DockStyle. Fill;
This. panelLocal. Controls. Add (ctrlLocal );

Var ctrlAll = new CtrlAllHistory ();
CtrlAll. Dock = DockStyle. Fill;
This. panelAllHistory. Controls. Add (ctrlAll );

 

 

DotNetBar provides a lot of useful controls, we can check here to know: http://www.devcomponents.com/dotnetbar/

Give me a pivot to shake the earth, give me a good control, can dress up an outstanding software.