揰掵佲 发表于 2015-5-8 11:42:00

易语言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界面设计器下载:

**** Hidden Message *****

**** Hidden Message *****

**** Hidden Message *****

继续来看看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=标题栏高度

后边还有很多,这里列举一个系统按钮_关闭,用图来解说,如图:


下边来自定义一下系统的关闭按钮,默认的关闭按钮如图:

http://www.xuepojie.com/data/attachment/forum/201411/23/184915cbg8wenelnsl2zxb.png

找来一张主题图片,如图(图可以自己用ps制作):
为了让大家看的明显点,就用这张图


既然图找来了,如何在XML中填写参数,OK
首先得明白矩形坐标rect,我画了一个矩形




然后用画板打开刚刚找的UI按钮图:



从图中可以得到m坐标为(0,0),n坐标为(23,21)
所以得到rect="0,0,23,21" blocksize="24",这里blocksize把它+1


然后把写好的XML和PNG图片一起拖入主题包生成器
在当前目录会生成一个.ext后缀的文件,这就是主题包文件


主题包制作完毕,然后在skin挂接窗口的时候读取主题包


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





本集到此,下集再见

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


**** Hidden Message *****

**** Hidden Message *****
**** Hidden Message *****

嗨~~ 发表于 2016-3-30 23:46:14

支持一下                                       

Cbise 发表于 2017-5-29 00:06:31

支持一下            

Cbise 发表于 2017-6-14 11:24:30

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

百变咩 发表于 2015-5-8 19:46:56

哈哈 继续加油吧

百变咩 发表于 2015-5-8 19:48:21

继续加油 努力 支持你们

百变咩 发表于 2015-5-8 19:48:53

加油努力支持你们哈哈哈

百变咩 发表于 2015-5-8 19:53:39

加油 加油 努力 支持你们

易——追梦 发表于 2015-5-9 10:09:59

感谢楼主分享

hack 发表于 2015-5-11 01:37:47

:L 这都要隐藏啊……

qwertt 发表于 2015-5-12 02:36:04

谢谢分享,下载了

gene3721 发表于 2015-5-12 14:40:32

感谢分享

奇葩 发表于 2015-5-15 17:13:21

{:5_125:}厉害
页: [1] 2 3 4 5 6
查看完整版本: 易语言Ex_Dui 3.0 零基础一步步学自绘 第九集