Duilib的界面设计工具DuiDesigner的使用说明

Duilib的界面设计工具DuiDesigner的使用说明

flyfish

可执行文件包括工具的源码下载地址

已在vs2013下编译通过

三个视图(项目视图,控件视图,资源视图)
工作区 工具箱 属性

以制作标题栏为例
从左到右的元素包括 logo图片,软件名称,帮助按钮,论坛按钮,菜单设置按钮,最小化按钮,还原与最大化按钮,关闭按钮

添加控件方法

VerticalLayoutUI开始
点击工具箱里的VerticalLayout 控件,再点击界面,即可加上控件,暂时不支持拖拽

退出测试窗体方法
按Esc键

控件设置属性特别的地方
Width=0,表示自动拉伸

一个标题栏分为两部分 两个HorizontalLayout
一个HorizontalLayout包括logo图片,软件名称
另一个HorizontalLayout 包括帮助按钮,论坛按钮,菜单设置按钮,最小化按钮,还原与最大化按钮,关闭按钮

logo图片是Container控件
软件名称是Text控件
其他的全是Button控件

可以设置HorizontalLayout BkColor的背景色 渐变色

closebtn

代码 响应消息判断的是控件的名字
void DuiLib_Dialog::Notify(TNotifyUI& msg)
{
if( msg.sType == _T(“click”) )
{
if( msg.pSender->GetName() == _T(“closebtn”) )
{
ShowWindow(false);
}
}
}

XML文件

<HorizontalLayout>
        <Container width="22" height="22" bkimage="file='icon.png' source='0,0,16,16' dest='5,4,21,20' " />
        <Text text="软件名称" pos="22, 5, 200, 24" float="true" textcolor="#FF447AA1" font="0" />
</HorizontalLayout>
<HorizontalLayout width="188" inset="0,1,0,0">
        <Button text="{u}{a}帮助{/a}{/u}" showhtml="true"/>       
        <Button name="closebtn" maxwidth="45" maxheight="17" normalimage="file='sys_dlg_close.png' source='90,0,135,17'" hotimage="file='sys_dlg_close.png' source='45,0,90,17'" pushedimage="file='sys_dlg_close.png' source='0,0,45,17'"/>
</HorizontalLayout>

一个标题栏的树形结构
这里写图片描述

关于控件各种属性查看源码自带的
属性列表.xml

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

西笑生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值