1.2 开发工具
<p>SkinUI当前版本为2.0。
支持Microsoft Visual Studio 2013。
解压从官网下载的开发包，开发环境就准备好了。</p>
<p>以下是常用的开发工具：</p>
<ul>
<li>SkinUISln++，用来新建工程</li>
<li>SkinUIRes++，用来打包资源文件</li>
<li>SkinUISpy++，用来查看组件类型和位置</li>
</ul>
<h2>1 SkinUISln++</h2>
<p>SkinUI使用工具【SkinUISln++】来新建工程。工具截图如下：</p>
<ul>
<li>SkinUISln++
<img src="http://www.skinui.cn//doc/img/1/2/1.png" alt="SkinUISln++" /></li>
</ul>
<p>新建项目的步骤如下：</p>
<ol>
<li>在编辑框输入工程名称【MyProject】；</li>
<li>单击按钮【立即新建】；</li>
<li>等进度条走完。</li>
</ol>
<p>新建项目成功后，工作目录下多了以下目录：</p>
<ol>
<li>【src】目录下的源码目录【MyProject】；</li>
<li>【res】目录下的资源目录【MyProject】；</li>
<li>【skin】目录下的皮肤目录【MyProject】。</li>
</ol>
<p>将源码目录【MyProject】下的工程文件加入VS2013的解决方案，编译运行即可看到项目的主界面。</p>
<p>开发者可以根据自己软件的需求，随意修改主界面的布局。</p>
<h2>2 SkinUIRes++</h2>
<p>SkinUI使用工具【SkinUIRes++】来打包资源文件。工具截图如下：</p>
<ul>
<li>SkinUIRes++
<img src="http://www.skinui.cn/doc/img/1/2/2.png" alt="SkinUIRes++" /></li>
</ul>
<p>新建项目的步骤如下：</p>
<ol>
<li>单击按钮【立即打包】；</li>
<li>等进度条走完。</li>
</ol>
<p>打包资源文件成功后，【res】目录下任意资源目录【AnyProject】将会生成资源包文件【AnyProject.res】。</p>
<p>关于资源包的用法，我们将在后面的章节详细讲解，此处先略过。</p>
<h2>3 SkinUISpy++</h2>
<p>SkinUI使用工具【SkinUISpy++】来查看控件的属性，包括控件Id、类型、位置和大小。工具截图如下：</p>
<ul>
<li>
<p>鼠标在非SkinUI窗口上的显示效果
<img src="http://www.skinui.cn/doc/img/1/2/3.png" alt="鼠标在非SkinUI窗口上的显示效果" /></p>
</li>
<li>鼠标在SkinUI窗口上的显示效果
<img src="http://www.skinui.cn/doc/img/1/2/4.png" alt="鼠标在SkinUI窗口上的显示效果" /></li>
</ul>
<p>查看控件属性的步骤如下：</p>
<ol>
<li>移动鼠标到SkinUI窗口；</li>
<li>放在需要查看的控件上。</li>
</ol>
<p>观看上面的截图，可以看到以下信息：</p>
<ul>
<li>控件的Id为【1】；</li>
<li>控件类名为【SkinButton】；</li>
<li>控件的位置为【199,177,125,30】；</li>
<li>控件的大小为【125*30】。</li>
</ul>