易语言Ex_Dui 3.0 零基础一步步学自绘 第九集
本帖最后由 LWJ一辈子 于 2014-11-23 19:29 编辑很多人在问，Ex有没有界面设计器，主题包生成器怎么使用
以及XML自定义布局文件的问题，今天就讲解一下这个吧
本课教程：
Ex_DUI 3.0界面编辑器+XML+主题包生成器
很多人问模块在哪里下载，我也是醉了，再把模块上传一次
模块下载：
里边有一堆文件，后缀名为.ec的就是模块
Ex_Dui 3.0当然有界面设计器，词不达意丶同学做的，蛮不错的
上图你们看看效果：
O(∩_∩)O哈哈~瞬间感觉萌萌哒了，首先你可以在这个设计窗口
画一些组件，画好之后，选择导出XML，命名为"自定义布局文件.xml"
如图所示：
用skin.创建自布局文件（），创建一个窗口，成功返回窗口句柄
F5运行，就是刚刚在界面设计器设计的窗口和和组件
Ex_Dui界面设计器下载：
继续来看看Ex_Dui 3.0的主题包生成器：
打开后，可以看到，生成主题包，需要配置文件XML和主题图片PNG
主题包生成器下载：
打开压缩包，找到里边的自制主题.XML，可以看到下面的文本
那么这里边的文本是什么意思呢
<?xml version="1.0" encoding="gb2312"?> //XML的版本和编码
<Ex_DirectUI_ThemesPack ThemesName="Metro" Author ="YHan" Url="Http://t.qq.com/Micro5oft">
//注释：这是主题包的作者信息，ThemesName==主题包名称，Author==作者，Url==作者博客
<common name="Config" rectround="0" drawborder="1" crborder="1358954496,872415231" cycaption="26"/>
//注释：rectround==矩形圆角度，draworder==画边框，crborder==边框颜色，cycaption=标题栏高度
后边还有很多，这里列举一个系统按钮_关闭，用图来解说，如图：
下边来自定义一下系统的关闭按钮，默认的关闭按钮如图：
找来一张主题图片，如图（图可以自己用ps制作）：
为了让大家看的明显点，就用这张图
既然图找来了，如何在XML中填写参数，OK
首先得明白矩形坐标rect，我画了一个矩形
然后用画板打开刚刚找的UI按钮图：
从图中可以得到m坐标为(0,0)，n坐标为(23,21)
所以得到rect="0,0,23,21" blocksize="24"，这里blocksize把它+1
然后把写好的XML和PNG图片一起拖入主题包生成器
在当前目录会生成一个.ext后缀的文件，这就是主题包文件
主题包制作完毕，然后在skin挂接窗口的时候读取主题包
运行后，系统的关闭按钮已经被替换掉
但是不能只能做一个关闭按钮的图标，这样的话，就只显示关闭按钮图标
本集到此，下集再见
本课全部源码和素材下载：
附：
易语言Ex_Dui 3.0 零基础一步步学自绘 第一集
易语言Ex_Dui 3.0 零基础一步步学自绘 第二集
易语言Ex_Dui 3.0 零基础一步步学自绘 第三集
易语言Ex_Dui 3.0 零基础一步步学自绘 第四集
易语言Ex_Dui 3.0 零基础一步步学自绘 第五集
易语言Ex_Dui 3.0 零基础一步步学自绘 第六集
易语言Ex_Dui 3.0 零基础一步步学自绘 第七集
易语言Ex_Dui 3.0 零基础一步步学自绘 第八集
感谢分享，学习了
加油一辈子 支持您
跟着楼主的脚步，终有一天我也会成为大牛{:5_123:}{:5_124:}
好东西当然要支持就喜欢自绘华丽的界面
自会貌似很难。学不会还是算了。你发吧
我看了半天还是没看懂是什么东西、、
亲，要的就是这个，非常感谢！！！
自绘自绘我爱你
收藏了，以后用