高仿QQMusic(2008)播放器,VS2008环境下开发,功能陆续开发中,上图先(右边那个乐库没有啥内容,临时弄个网页放上去充数)

图片看不清楚?请点击这里查看原图(大图)。
软件UI开发方法我正在整理中,尽量探索出既简单又功能强大的UI制作方法,随后会发布方法与大家讨论的,最近比较忙......
[2月13日更新]
首先感谢园友对本随笔的关注!!!!
浅谈一下我关于此软件的UI的制作方法,我的文笔不好,说话可能有点罗嗦,谅解哈!
要想做出好看的界面,素材准备是第一步,我因为超级喜欢QQMusic的界面,萌发了仿造它的想法。本人美工不咋好,直接用QQMusic的皮肤做素材是个不错的主意(安装此软件后找它的皮肤很简单吧,^-^)。安装目录下的QQMusic2008文件夹下都是皮肤用到的图片。
有了素材,还要推敲QQMusic是怎么样把这些散乱的图片组织起来的,
QQMusic2008Player文件夹内有个
config.xml文件,我的分析就从这里入手,看下它的内容:
1<?xml version="1.0" encoding="gb2312" ?>
2<theme version="1.0">
3 <Window width="290" height="360" minWidth="290" maxWidth="2048" minHeight="100" maxHeight="2048" clippingColor="#FF00FF" style="hard" >
4 <Picture id="Pic_BG_Left" image="..Commonmainboard.bmp" x="5" y="23" w="92" h="123" zIndex="0" left="0" top="0" width="92" height="123" relative="lt" horizontalAlignment="Stretch" verticalAlignment="Stretch" />
5 <Picture id="Pic_BG_Mid" image="..Commonmainboard.bmp" x="98" y="23" w="5" h="123" zIndex="0" left="92" top="0" width="76" height="123" relative="ltr" horizontalAlignment="Stretch" verticalAlignment="Stretch" />
6 <Picture id="Pic_BG_Right" image="..Commonmainboard.bmp" x="103" y="23" w="122" h="123" zIndex="0" left="168" top="0" width="122" height="123" relative="tr" horizontalAlignment="Stretch" verticalAlignment="Stretch" />
7
8 <Picture id="Pic_SearchLeft" image="..CommonSearch.bmp" x="0" y="0" w="15" h="21" zIndex="0" left="8" top="6" width="15" height="21" relative="lt" horizontalAlignment="Stretch" verticalAlignment="Stretch" />
9 <Picture id="Pic_SearchMid" image="..CommonSearch.bmp" x="15" y="0" w="10" h="21" zIndex="0" left="23" top="6" width="180" height="21" relative="ltr" horizontalAlignment="Stretch" verticalAlignment="Stretch" />
10 <Picture id="Pic_SearchRight" image="..CommonSearch.bmp" x="25" y="0" w="15" h="21" zIndex="0" left="203" top="6" width="15" height="21" relative="tr" horizontalAlignment="Stretch" verticalAlignment="Stretch" />
11
12 <Button id="Btn_Search" transparentColor="#FF00FF" left="195" top="7" width="23" height="20" relative="tr" zIndex="0" visible="true" disabled="false" toolTip="搜索">
13 <Normal image="..CommonSearchBtn.bmp" x="0" y="0" w="23" h="20" />
14 <Over image="..CommonSearchBtn.bmp" x="23" y="0" w="23" h="20" />
15 <Down image="..CommonSearchBtn.bmp" x="46" y="0" w="23" h="20" />
16 <Event OnClick="1041" />
17 </Button>
18 </Window>
19</theme>