高仿QQMusic(2008)播放器,VS2008环境下开发,功能陆续开发中,上图先(右边那个乐库没有啥内容,临时弄个网页放上去充数)高仿QQMusic播放器,浅谈WinForm关于UI的制作" />  图片看不清楚?请点击这里查看原图(大图)。  软件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> qqmusic网页播放器 winform ui qqmusic qqmusic下载 qqmusic皮肤
高仿QQMusic播放器,浅谈WinForm关于UI的制作(1)
作者:狼图腾   出处:豆豆网-.net   2009年04月02日 00:00   进入论坛

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

<a class=common href='http://www.soidc.net/search_article.shtml?wo=%B8%DF%B7%C2QQMusic%B2%A5%B7%C5%C6%F7' target='_blank'>高仿QQMusic播放器</a>,浅谈WinForm关于UI的制作

  图片看不清楚?请点击这里查看原图(大图)。

  软件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>

【说两句】 【收藏此页】 【打印】 【IDC论坛】