现在的位置: 首页 > 综合 > 正文

Qt之QQ登录界面(一)

2013年01月01日 ⁄ 综合 ⁄ 共 863字 ⁄ 字号 评论关闭

    之前用Qt做了一些QQ的小东西,今天日子比较特殊,分享出来,供大家学习交流!

    要做一个高仿的QQ,那么资源图片必不可少。如果图片能够完美实现,那么成功近在咫尺!
    相信大家都用过QQ,那么也应该知道QQ里面的功能很多。实现那么多功能用到的资源也一定很多,当然不可能把所有的资源都打进去,经过反复摸索,找到了所需的大量资源图标!
    QQ的功能相当复杂,就登录而言比起其他界面相对简单!但也需要多个界面的反复切换,这里又用到了QStackedLayout。功能的实现当然离不开信号与槽,界面的美化也当应熟悉QSS。。。
    基于这些,那么我们就可以开发属于自己的QQ了。
    界面如下:
    
图(1)
    此处分为3部分:标题栏、中央登录项、底部功能项。为了实现界面的切换,分析知标题栏是公用的,因为登录、添加用户、包括设置都存在标题栏,所以将此单独抽取出来!
   
图(2)
图(3)
    如上三图可知,除了标题栏之外,其它三个界面可单独作为各自的一部分,放进一个相同的QStackedLayout里面,进行不同操作的切换。
    
图(4)
图(5)

  
图(6)
    图(1)、图(4)、图(5)、图(6)标题栏、底部功能项都是相同的(图(5)将底部项全隐藏,图(6)则是隐藏左右按钮之后,将“登录”文本变化为“取消”)。所以其中央登录项可共用同一QStackedLayout,进行切换。
    关于图(6)的等待效果则可以参考此文:http://blog.sina.com.cn/s/blog_a6fb6cc90101ero3.html
使用8张图片进行切换即可。 
    关于QStackedLayout进行界面切换可参考此文:http://blog.sina.com.cn/s/blog_a6fb6cc90101ecr1.html

    关于界面样式可参考此文:http://blog.sina.com.cn/s/blog_a6fb6cc90101dech.html


   注:技术在于交流、在于沟通,分享内容请勿用作商业途径,转载请说明出处,违者必究!

抱歉!评论已关闭.