【Qt Quick聊天软件练习】二、登录界面搭建

目录

  • 1 主界面
  • 2 创建登录面板qml文件
  • 3 补充
  • 语/li>

1 主界面

大概长成这样

【Qt Quick聊天软件练习】二、登录界面搭建
去除边框后,需要设置鼠标按下拖动整个窗口,原理就是记录鼠标按下后的坐标,然后拖动的时候,用窗口的坐标(左上角为原点)+鼠标移动后的坐标-鼠标按下时的坐标

左上角的logo,记得要设置下图片的大小,否则看起来锯齿会比较明显

【Qt Quick聊天软件练习】二、登录界面搭建

头像我暂时没去找好看的图片,这里直接用虚线框代替

【Qt Quick聊天软件练习】二、登录界面搭建
最后是登录按钮

整体下来就是长这样子,一个比较简单的界面搭建,没有太出众的美术天赋,只能说具备了基本的界面

【Qt Quick聊天软件练习】二、登录界面搭建

结语

由于界面没有太复杂的连带逻辑,所以只算是完成了可视化界面的搭建,注册界面、账号密码的存储等功能就下期再说吧,(●ˇˇ●)

来源:普通网友

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年2月15日
下一篇 2022年2月15日

相关推荐