Duilib界面库 Demo实例XML编写规则 模仿QQ登录模块
来源:互联网 发布:腾讯游戏有mac版吗 编辑:程序博客网 时间:2024/06/04 18:42
下面是个人 自己动手编写的XML文件,主要是实现 QQ登录界面的设计
下面代码,粘贴之后,有点乱,实现效果如上图所示。
<?xml version="1.0" encoding="utf-8" standalone="yes" ?> <!-- 这里写注释--> <!-- -->
<!-- 设计一个 模仿QQ登录界面 (手写如下XML 代码)-->
<Window size="490,400" caption="0,0,0,30" roundcorner="4,4"> <!-- size 设置窗口高度,宽度; caption 最后一个参数设置标题栏高度为30,即可拖动窗口; roundcorner 设置 窗口圆角大小,如(4,4) -->
<!-- 首先 登录窗口分为三个布局: 1. 标题栏 490x30 2. LOGO图片 490x170 3. 登录布局 -->
<VerticalLayout width="490" height="400" bkimage="frame_bg.png"> <!-- 设置一个 垂直布局, bkimage 设置登录窗口的背景图片-->
<HorizontalLayout height="30" > <!-- 设置一个 水平布局 即 标题栏 490x30 , 标题栏背景图片 取于整个窗口的背景图片-->
<HorizontalLayout /> <!-- 占空位,占据左边所有的空位-->
<HorizontalLayout width="120"> <!-- 设置 最小化 关闭等按钮的水平布局 -->
<Button name="setbtn" tooltip="设置" float="true" pos="30,2,0,0" width="30" height="27"
normalimage="file='sysbtn_setting_normal.png'"
hotimage="file='sysbtn_setting_hover.png'"
pushedimage="file='sysbtn_setting_down.png'"
/> <!-- 设置按钮相对于布局的位置 以及 正常,鼠标,点击等三种状态的贴图 -->
<Button name="minbtn" tooltip="最小化" float="true" pos="60,2,0,0" width="30" height="27"
normalimage="file='sysbtn_min_normal.png'"
hotimage="file='sysbtn_min_hover.png'"
pushedimage="file='sysbtn_min_down.png'"
/> <!-- 注意 最小化 最大化 恢复 关闭 等系统按钮 命名规则 否则无法响应该按钮系统事件 -->
<Button name="closebtn" tooltip="关闭" float="true" pos="90,2,0,0" width="30" height="27"
normalimage="file='sysbtn_close_normal.png'"
hotimage="file='sysbtn_close_hover.png'"
pushedimage="file='sysbtn_close_down.png'"
/>
</HorizontalLayout>
</HorizontalLayout>
<HorizontalLayout height="170" bkimage="logo_login.gif"/> <!-- 水平布局 设置 logo背景图片 -->
<HorizontalLayout height="200" bkimage="logo_page.png"> <!-- 水平布局 设置 登录相关的控件 width = 140 + 290 + 60 -->
<HorizontalLayoutwidth="140" >
<Button name="IDC_Button_Head" float="true" pos="20,50,0,0" width="100" height="100" bkimage="logo_fc3d.jpg" align="center" />
</HorizontalLayout>
<HorizontalLayoutwidth="290" >
<Text text="账号" float="true" pos="19,50,0,0" width="40" height="26" textpadding="2,5,2,0" textcolor="#0009A3DC" />
<Text text="密码" float="true" pos="19,100,0,0" width="40" height="26" textpadding="2,5,2,0" textcolor="#0009A3DC" />
<Edit name="IDC_EDIT_NAME" float="true" pos="64,46,0,0" width="160" height="30" bkimage="edit_normal_top.png" maxchar="20" /> <!-- maxchar 设置编辑框最大字符 -->
<Edit name="IDC_EDIT_PASSWORD" float="true" pos="64,95,0,0" width="160" height="30" bkimage="edit_normal_top.png" maxchar="20" password="true" /> <!-- maxchar 设置编辑框最大字符, password 设置为密码 -->
<Button name="IDC_BUTTON_REGISTER" text="注册账号" float="true" pos="232,46,0,0" width="60" height="26" textcolor="#0009A3DC" />
<Button name="IDC_BUTTON_FIND_PASSWORD" text="找回密码" float="true" pos="232,95,0,0" width="60" height="26" textcolor="#0009A3DC" />
<Option name="IDC_OPTION_KEEP_PASSWORD" text="记住密码" float="true" pos="67,133,0,0" width="15" height="15"
textpadding="70,0,0,0" textcolor="#0009A3DC" normalimage="uncheck.png" selectedimage="check.png" /> <!-- 设置Option 复选框 文本 以及状态图片 -->
<Button name="IDC_BUTTON_LOGIN" text="登录" float="true" pos="86,159,0,0" width="120" height="30" textcolor="#00FFFFFF"
normalimage="file='button_login_normal.png'"
hotimage="file='button_login_hover.png'"
pushedimage="file='button_login_down.png'"
/> <!-- 设置 登录 按钮 -->
</HorizontalLayout>
<HorizontalLayoutwidth="60" /> <!-- 占空位,占据右边所有的空位-->
</HorizontalLayout>
</VerticalLayout>
</Window>
0 0
- Duilib界面库 Demo实例XML编写规则 模仿QQ登录模块
- swing 模仿QQ登录界面
- 简单模仿qq登录界面
- JAVA编写QQ登录界面
- 模仿概念版QQ登录界面(超炫)
- Android 模仿QQ登录界面解决软键盘遮挡问题
- 模仿手机QQ以视频流背景的登录界面
- 模仿QQ界面
- ios swift模仿qq登陆界面,xml布局
- Duilib XML配置界面
- JAVA-GUI练习实例,QQ登录界面
- 模仿登录界面
- Android:布局实例之模仿京东登录界面
- Android:布局实例之模仿京东登录界面
- 用Fragment模仿QQ界面
- Java聊天室,界面模仿QQ
- WPF模仿QQ登录按钮
- Java语言编写简单的QQ登录界面
- AVL搜索树
- 几种分类方法简述
- 页面中iframe中嵌入一个跨域的页面,让这个页面按照嵌入的页面宽高大小显示的方式;iframe嵌套的页面不可以编辑的问题解决方案
- Webview上传文件的那些坑
- php学习之php全局变量学习记录,超全局变量
- Duilib界面库 Demo实例XML编写规则 模仿QQ登录模块
- J2EE基础教程(1):简介和windows下环境配置
- Regex in Python
- PRO文件详解
- 解决Android Studio配置JPush极光推送错误方案
- (4.2.32.5)android热修复之Andfix方式:Andfix的补丁生成方法分析
- CF 553E Kyoya and Train
- 文件读取和写入
- Linux C Socket编程原理及tcp, udp简单实例