duilib 新增数据迁移界面

本文介绍了一个具体的XML界面配置示例,展示了如何通过XML文件来定义窗口布局、字体样式及按钮等元素的外观与行为,包括按钮的状态变化效果、进度条和复选框的设计。

xml界面配置:

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <Window caption="0,0,0,36" roundcorner="4,4" size="640,260" >
 3   <Font name="微软雅黑" size="12" bold="false" default="true" />
 4   <Font name="微软雅黑" size="16" bold="true"/>
 5   <!--Default name="Button" value="size=&quot;#8&quot; textcolor=&quot;#FFFFFF&quot; hottextcolor=&quot;#000000&quot; disabledtextcolor=&quot;#ffffff&quot; focusedtextcolor=&quot;#000000&quot; pushedtextcolor=&quot;#ffffff&quot; normalimage=&quot;file='LoginDialog/LoginBtnBack.png' corner='4,4,4,4' source='0,0,0,0'&quot; hotimage=&quot;file='LoginDialog/LoginBtnBack.png' corner='4,4,4,4' source='0,0,0,0'&quot; pushedimage=&quot;file='LoginDialog/LoginBtnBack.png' corner='4,4,4,4' source='0,0,0,0'&quot; disabledimage=&quot;file='LoginDialog/LoginBtnBack.png' corner='4,4,4,4' source='0,0,0,0'&quot;" /-->
 6   <Default name="CheckBox" value="textcolor=&quot;#FFbac0c5&quot; hottextcolor=&quot;#CCDCEC&quot; selectedtextcolor=&quot;#CCDCEC&quot; disabledtextcolor=&quot;#FFbac0c5&quot; textpadding=&quot;20,0,0,0&quot; align=&quot;left&quot; selectedimage=&quot;file='LoginDialog/checked.png' dest='0,0,15,15'&quot; normalimage=&quot;file='LoginDialog/unchecked.png' dest='0,0,15,15'&quot;" />
 7   
 8   <VerticalLayout bkcolor="#FF07182E" inset="3,3,3,3">
 9     <HorizontalLayout name="header" height="20" bkcolor="#FF07182E" >
10       <HorizontalLayout>
11         <Text  text="数据迁移" padding="5,0,0,0" textcolor="#FF999999" font="1" readonly="true" />
12     </HorizontalLayout>
13     </HorizontalLayout>
14     <VerticalLayout bkcolor="#FF07182E">
15         <Text name="tipText" text="正在迁移..." padding="120,80,120,0" font="0.5" height="20" textpadding="0,0,0,0"  textcolor="#CCDCEC" align="left"/>
16         <VerticalLayout bkcolor="#FF07182E" padding="120,10,120,0" width = "400">
17             <Button name="loginBack" enabled="false" width="400" height="10" bkimage="file='MainDlg/progressbar_bg.png' corner='0,0,0,0'" normalimage="file='MainDlg/progressbar_bg.png' corner='0,0,0,0'" />
18             <Progress name="loginProgress" float="true" pos="0,1" width="400" height="8" hor="true" max="100" min="1" value="0" foreimage="file='MainDlg/progressbar_blue.png' corner='2,0,2,0'" isstretchfore="true" enabled="false"/>
19         </VerticalLayout>
20     <VerticalLayout bkcolor="#FF07182E" padding="120,10,120,0">
21       <Button name="reupdate"  float = "true" pos = "50,10,10,10"width="80" bordercolor="85A6C7" align ="center" height="26" shortcut="Enter" text="重新迁移" textcolor="#CCDCEC" hottextcolor="#FFF42901" bkimage="file='SessionDialog/btn_bg.bmp' corner='4,4,4,4'" normalimage="file='SessionDialog/btn_bg.png' corner='4,4,4,4'" hotimage="file='SessionDialog/btn_bg.png' corner='4,4,4,4'" pushedimage="file='SessionDialog/btn_bg.png' corner='4,4,4,4'"  />
22       <Button name="quitupdate"  float = "true" pos = "250,10,10,10" width="80" bordercolor="85A6C7" align ="center" height="26"  text="退出迁移" textcolor="#CCDCEC" hottextcolor="#FFF42901" bkimage="file='SessionDialog/btn_bg.bmp' corner='4,4,4,4'" normalimage="file='SessionDialog/btn_bg.png' corner='4,4,4,4'" hotimage="file='SessionDialog/btn_bg.png' corner='4,4,4,4'" pushedimage="file='SessionDialog/btn_bg.png' corner='4,4,4,4'"   />
23     </VerticalLayout>
24     </VerticalLayout>  
25 </VerticalLayout>  
26 </Window>

 界面规划展示:

 

转载于:https://www.cnblogs.com/lhwblog/p/7688743.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值