Click to download the sample program  

       UIEASY would continue to introduce various types  software demos, in order to help users better understand the features DSkinLite supports. And we will do our best to  simulate more software features, narrow the gap between the software and the real software Demos. These demos will show that dskinlite is  extensible and stable.

      Download software has  the following interface features and controls:

• Changing the scene and color theme

  Download Demo can change the scene and the color theme like MSN. Scene changing  is  popular in current software design, it is just  replace some background images in the gui, conjunction with the  color theme changing, you can configure a different fancy interface. Many famous desktop software such as MSN  have this feature.

  As shown below:

  

• Edit Control

  In Download Demo there are two places using the edit controls, one is the search edit control in the main window, and the other place is the user name and password input control in the login window. We use standard edit control, the edit background image which is much larger than the edit  is drawn on the parent window. And the edit control is transparent and has no border.

   

  As indicated above, a non-border edit control in red border region. DSkinlite makes it to  be transparent. The corresponding XML configuration is as follows:

  <window name="SearchEdit" type="edit">
  
    <property bkcolor="#system_bg" btransparentbk="true" />
  
    <editinfo buseimagebk="true" textcolor="RGB(43,84,116)"
  
              font="#default"/>
  
    <text id="auto.item" state="non" font="#default"
  
          content="Search Movie,	Music,Game..."
  
          horzalign="left" left="5" bsingleline="true"
  
          textcolor="RGB(43,84,116)" />
  
  </window>
  
  

  The id = "auto.item" is a new feature from the new version 3.0.  It is an  indicative, when the edit box is no text input or receive focus, the text or images disappear.
  

• Tab Control

  In Download Demo,  the tab control is a group of radio buttons , you can refer to DSkinlite Tip of the Day #2 Using Radio Button to make a Tab Control to known more about the advantages of using radio butons. The following diagram, there are two radio buttons in the red region.

  

• List Control

  In the Download Demo , the list control which is used to display the status of downloading task is an important control. Its performance has a major impact on the entire application.

  We can use dskinlite to draw the list control item, DSkinLite V3.0 supports draw the item of list control, listbox, tree control.

  List control item drawing and programming logic are closely linked, this is the reason why most libraries do not provide interface support for item drawing.

  It is easy to support item drawing accordding to the DSkinLite frame design, so we added this feature in v3.0.

  In fact, we can see that the composition of an item element is similar with the composition  of a control. Those component elements can be abstracted as pictures, text, lines, rectangles and other elements to form, and we add event support to it which can response the event from item.

  Using this method, dskinlite almost supports all the features which is needed to draw item in list box, list control or tree control. You can draw items optionally.

  The list control figure shown below  has the corresponding label "listctrl_downloading" in the corresponding XML document listctrl.xml.

  

• Button&Split Button

  There are many button controls in this demo, it is easy to create a variety of styles of Button control using dskinlite.

  For examples, the toolbar at the bottom of demo is composed of buttons, as shown below:

  

  The first control named "New" is skinned by the "SplitButton" type, and there are two regions "left", "right".  In current gui design, this type of controls are widely used . Those buttons are transparent.

• Menu

  The demo has several menus, such as in the tab control, right-click menu of list control, system tray pop-up menu, etc. Through those examples, you can find that dskinlite supports all of the menu features, such as setting icon, adding shortcuts text, etc.

  The following is a right-click menu of list control:

  

• System Menu

  Four buttons can be seen here in addition to minimize, close button, there are two other buttons, one is the menu button, the other is the feedback button. This interface design is currently more common, placing custom buttons in the system buttons area . DSkinLite supports this feature compeletely, you can place control on the top of the system area optionally.

       

         In summary, Download Demo included most of the controls and the features  in the gui developing. If your application is similar with the Demo, you can consider using DSkinLite to complete the gui  work.

           Sample&Download： http://www.uieasy.cn/download/DSkinLite_Demo_Download.zip