QML与C++交互:登陆界面设计

环境：

主机:WIN7

开发环境:Qt5.2.1

www.feoahc.com

说明:

QML设计前台界面,C++后台负责逻辑

效果图:

源代码:

前台qml文件

login.qml

[javascript]  view plain copy

1. /********************************************************************* 
2. *                            登陆界面qml文件 
3. *                       (c)copyright 2014,jdh 
4. *                         All Right Reserved 
5. *新建日期:2014/4/29 by jdh 
6. *修改日期:2014/4/30 by jdh 
7. *修改日期:2014/5/4 by jdh 
8. *修改日期:2014/5/5 by jdh 
9. **********************************************************************/  
10.   
11. import QtQuick 2.0  
12. import "content"  
13. import Login_Gui 1.0  
14.   
15. Rectangle  
16. {  
17.     id: login  
18.     width: 320; height: 512  
19.     SystemPalette { id: activePalette }  
20.   
21.     //C++组件:用户界面  
22.     Login_Gui  
23.     {  
24.         id:login_gui  
25.         onSig_login_result:  
26.         {  
27.             //关闭登陆动画  
28.             load_gif.opacity = 0  
29.   
30.             //根据登陆结果处理  
31.             switch (result)  
32.             {  
33.             //登陆成功  
34.             case 0:  
35.                 message.text = "登陆成功"  
36.                 message.opacity = 1  
37.                 break;  
38.             //无此用户名  
39.             case 1:  
40.                 message.text = "登陆失败:无此用户名"  
41.                 message.opacity = 1  
42.                 break;  
43.             //密码错误  
44.             case 2:  
45.                 message.text = "登陆失败:密码错误"  
46.                 message.opacity = 1  
47.                 break;  
48.             //达到最大登陆次数  
49.             case 3:  
50.                 message.text = "登陆失败:达到最大登陆次数"  
51.                 message.opacity = 1  
52.                 break;  
53.             }  
54.         }  
55.     }  
56.   
57.     //背景图片  
58.     Image  
59.     {  
60.         id: background  
61.         anchors { top: parent.top; bottom: parent.bottom }  
62.         anchors.fill: parent  
63.         source: "pics/pic1.png"  
64.         fillMode: Image.PreserveAspectCrop  
65.     }  
66.   
67.     //消息框  
68.     Message  
69.     {  
70.         id: message  
71.         font_size: login.height * 0.03  
72.         anchors {centerIn: parent}  
73.         opacity: 0  
74.     }