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

揰掵佲

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


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



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挂接窗口的时候读取主题包


运行后，系统的关闭按钮已经被替换掉
但是不能只能做一个关闭按钮的图标，这样的话，就只显示关闭按钮图标

本集到此，下集再见

本课全部源码和素材下载：

游客，如果您要查看本帖隐藏内容请回复

游客，如果您要查看本帖隐藏内容请回复

游客，如果您要查看本帖隐藏内容请回复

嗨~~

支持一下                                         

Cbise

支持一下            

Cbise

易语言Ex_Dui 3.0 零基础一步步学自绘 太棒了，感谢楼主，Mrak一下

百变咩

哈哈 继续加油吧

百变咩

继续加油 努力 支持你们

百变咩

加油努力支持你们哈哈哈

百变咩

加油 加油 努力 支持你们

易——追梦

感谢楼主分享

hack

:L 这都要隐藏啊……

qwertt

谢谢分享，下载了

gene3721

感谢分享

奇葩

厉害