易语言Ex_Dui 3.0 零基础一步步学自绘 第九集

很多人在问，Ex有没有界面设计器，主题包生成器怎么使用

以及XML自定义布局文件的问题，今天就讲解一下这个吧

本课教程：
Ex_DUI 3.0界面编辑器+XML+主题包生成器

很多人问模块在哪里下载，我也是醉了，再把模块上传一次

模块下载：
Ex_DirectUI3.0.rar (978.5 KB, 下载次数: 80)

2014-11-23 16:26 上传

点击文件名下载附件

里边有一堆文件，后缀名为.ec的就是模块

Ex_Dui 3.0当然有界面设计器，词不达意丶同学做的，蛮不错的

上图你们看看效果：


O(∩_∩)O哈哈~瞬间感觉萌萌哒了，首先你可以在这个设计窗口
画一些组件，画好之后，选择导出XML，命名为"自定义布局文件.xml"
如图所示：


用skin.创建自布局文件（），创建一个窗口，成功返回窗口句柄





F5运行，就是刚刚在界面设计器设计的窗口和和组件



Ex_Dui界面设计器下载：

Ex_DUI 3.0界面设计器2.1.zip (847 KB, 下载次数: 160)

2014-11-23 17:37 上传

点击文件名下载附件

继续来看看Ex_Dui 3.0的主题包生成器：
打开后，可以看到，生成主题包，需要配置文件XML和主题图片PNG


主题包生成器下载：

Ex_DirectUI主题包生成器.rar (383.39 KB, 下载次数: 86)

2014-11-23 17:43 上传

点击文件名下载附件

打开压缩包，找到里边的自制主题.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 零基础一步步学自绘 第九课.zip (677.84 KB, 下载次数: 49)

2014-11-23 19:19 上传

点击文件名下载附件

附：
易语言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 零基础一步步学自绘 第八集

感谢分享，学习了

加油  一辈子   支持您

跟着楼主的脚步，终有一天我也会成为大牛

好东西当然要支持  就喜欢自绘华丽的界面

自会貌似很难。学不会还是算了。你发吧

我看了半天还是没看懂是什么东西、、

亲，要的就是这个，非常感谢！！！

自绘自绘我爱你

收藏了，以后用