UIEASY Team is pleased to announce the availability of DSkinLite V3.2,  This version has the following modifications and new features:

• Added “default” state  to button
• Added drawing focus state to button
• Added “EventItem” to listBox
• Added compounding type to state
• Added API dsSetDrawItemVisibleEx2
• Added API dsSetProgressItemRange
• Added API  dsSetProgressItemPos
• Added API   dsMessageBox
• Added Download Demo
• Added System Tool Demo
• Added “auto.item” displayitem to edit control
• Improved  event item in listctrl, listbox
• Improved the drawing efficiency to dialog.( when the background image changed).
• Support MessageBox
• Minor bug fixes

Preview of the main new features:

1. 
   

   MessageBox

   DSkinlite V3.2 supports MessageBox, you can use the new API dsMessageBox to make a mesagebox.  You can define tag “<messagebox>” to describe the position and font in the xml.

   

   

   You can define custom messagebox ico in the xml :

   <ico>
       <information file="#messagebox.info" />
       <error file="#messagebox.error" />
       <question file="#messagebox.question" />
       <warning file="#messagebox.warning" />
   </ico>
   

Then you can get the following messagebox:

2  Added “default” state and focus state to button.

We have added “default” state to the button which has a BS_DEFPUSHBUTTON. The focus state has also added to button. You can define those attributes in the xml as following:

<window name="button" type="button">
   <property bclipwindow="true"  cursor="#handcur" height="21"/>
   <buttoninfo subtype="push" drawfocus="true"  />
   <image state="default" picfile="#stardard.button.default" />
   <image state="normal" picfile="#stardard.button.nor"  />
   <image state="over" picfile="#stardard.button.hot" />
   <image state="down" picfile="#stardard.button.down"  />
   <image state="disable" picfile="#stardard.button.disable"  />
   <text  state="all" font="#default" horzalign="center"
          textcolor="RGB(0,0,0)" />
</window>

3  Added compounding type to state

You can use the compounding type to define the state of control. For example:

<window name="radiobutton" type="button">
    <property btransparentbk="true" />
    <buttoninfo subtype="radio" />
    <image state="normal" picfile="#stardard.radiobtn.nor"
           left="2" top="1" width="15" height="15" />
    <image state="over|down" picfile="#stardard.radiobtn.hot"
           left="2" top="1" width="15" height="15" />
    <image state="checked" picfile="#stardard.radiobtn.tick.nor"
           left="2" top="1" width="15" height="15" />
    <image state="checkedover|checkeddown" picfile="#stardard.radiobthot"
           left="2" top="1" width="15" height="15" />
    <text state="all" font="#default" left="20" top="1"
           bsingleline="true" textcolor="RGB(0,0,0)" />
</window>

4 Added “progressitem” to draw item.

You can define a progress bar in the drawitem used in list control, list box and tree control.

The corresponding xml description is :

<drawitem id="column1" >
   <text id="fileName"   content="" left="2" top="8" bellipsis="true"
         state="all" height="14" vertalign="top"  font="#default"/>
   <progressitem  value="100" state="all" height="12" width="130"
                  top="26"  textformat="%p%">
     <text id="progress.text"  content="#default" state="all"
           textcolor="RGB(51,105,149)" font="#default_small"/>
     <image id="progress.bk"   picfile="#listctrl.item.progress.bk"
            paintmode="stretchparthorz" left_part="2" right_part="2" />
     <image id="progress.step" left="2" top="2" right="-2" bottom="-3"
            picfile="#listctrl.item.progress.fg"  />
   </progressitem>
   <text id="speed"   content="500ks" visible="false"
         left="140" top="26" state="all"   font="#default"/>
</drawitem>