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

zx2cwf · 发表于 2014-11-23 19:21

本帖最后由 LWJ一辈子于 2014-11-23 19:29 编辑

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

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

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

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

模块下载：

Ex_DirectUI3.0.rar (978.5 KB, 下载次数: 78)

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

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

上图你们看看效果：
演示图片.gif

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

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

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

Ex_Dui界面设计器下载：

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

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

主题包生成器下载：

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

打开压缩包，找到里边的自制主题.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制作）：
为了让大家看的明显点，就用这张图
第九课自定义主题.png

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

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

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

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

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

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

本集到此，下集再见

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

王尼玛 · 发表于 2014-11-23 19:25

感谢分享，学习了

keke120 · 发表于 2014-11-23 19:28

加油一辈子支持您

穆菲菲 · 发表于 2014-11-23 19:32

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

卡卡西 · 发表于 2014-11-23 19:53

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

小者 · 发表于 2014-11-23 20:35

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

520Kelly · 发表于 2014-11-24 13:06

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

ferline8 · 发表于 2014-11-27 11:04

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

灵轩 · 发表于 2014-11-28 18:30

自绘自绘我爱你

haliyou001 · 发表于 2014-11-28 23:16

收藏了，以后用

		自动登录	找回密码
密码			立即注册

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

评分

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

评分

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