當(dāng)基礎(chǔ)設(shè)施具備完備特征后，使用起來(lái)是非常強(qiáng)大的。時(shí)常看到一些關(guān)于界面美化的問(wèn)題，答案一般是BCG、Xtreme、activeskin之類(lèi)提示型，或者提示去codeproject、codeguru，另外就是比較難之類(lèi)勸告型。前兩天看到有人問(wèn)想做kugoo界面的問(wèn)題，晚上無(wú)事利用自己的ui庫(kù)實(shí)做一個(gè)，一來(lái)檢驗(yàn)下庫(kù)的使用性，二來(lái)通過(guò)描述進(jìn)一步思考如何制作描述輔助工具。當(dāng)然所有工作不涉及code，只是反復(fù)設(shè)置圖像坐標(biāo)之類(lèi)。

第一步：打開(kāi)kugoo，截屏，放到畫(huà)圖板上，然后分別截取鼠標(biāo)懸掛在最小化、最大化、關(guān)閉時(shí)的圖像，鼠標(biāo)按下最小化、最大化、關(guān)閉時(shí)的圖像。具體圖像如下：

第二步：通過(guò)xml描述各個(gè)部分的圖像矩形坐標(biāo)，具體如下：
<!-- Main window -->
 <windowSkin>
 
  <image path="main.bmp"/>
  <image path="sup075.bmp" type="watermark"/>
  <target window="CWLWUIMainWnd"/>
      
  <parts>
   <part name="TopLeft" rect="1,1,28,30"/>
   <part name="Top" rect="140,1,200,30"/>
   <part name="TopRight" rect="682,1,73,30"/>
   <part name="Left" rect="158,117,6,100"/>
   <part name="Right" rect="748,117,6,100"/>
   <part name="Bottom"  rect="140,449,28,9"/>
   <part name="BottomLeft"  rect="1,449,200,9"/>
   <part name="BottomRight"  rect="682,449,73,9"/>
   
   <part name="MinimiseHover" rect="608,212,17,19"/>
   <part name="MinimiseDown" rect="498,274,17,19"/>
   <part name="MaximiseHover" rect="628,212,17,19"/>
   <part name="MaximiseDown" rect="543,275,17,19"/>
   <part name="CloseHover" rect="651,212,17,19"/>
   <part name="CloseDown" rect="599,275,17,19"/>
  </parts>
  
  <anchors>
   <anchor name="System" rect="9,4,16,18"/>
   <anchor name="Close" rect="-26,3,18,18"/>
   <anchor name="Maximise" rect="-50,4,18,18"/>
   <anchor name="Minimise" rect="-72,5,18,18"/>
  </anchors>
  <region>
            <shape type="rectangle" rect="0,35,-1,-1"/>
            <shape type="roundRect" rect="0,0,-1,-1" size="20,20" combine="or"/>
            <shape type="roundRect" rect="0,0,-1,-1" size="16,16" combine="and"/>
          </region>
  
  <caption rect="26,9,-20,15" fontFace="Tahoma" fontSize="10" fontWeight="800" caps="1" colour="404080" inactiveColour="C0C0FF"/>
  
 </windowSkin>

下面是效果，所有過(guò)程不涉及code注意。當(dāng)然，只是一個(gè)簡(jiǎn)單的kugoo主界面，其他部分等自己的UI庫(kù)成熟后想必應(yīng)該很easy。手工設(shè)置坐標(biāo)過(guò)程很麻煩，得好好思考一下做個(gè)輔助工具。呵呵，想要實(shí)現(xiàn)一個(gè)喜愛(ài)得界面很簡(jiǎn)單咯！第一次做有點(diǎn)不熟悉，耗時(shí)1.5h。