首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

QT实现完整TIM登录框界面样式

先上实现TIM登录框效果图

此图为实现的TIM效果图:

此图为TIM实际登录框样式

可以看出,上述实现的 还是基本上实现完整,还有一点小的细节没实现好。

接下来是实现的过程的讲解

首先创建一个QMainWindow 项目

这边只要一路往下按就创建成功,然后双击Form里面的ui文件,进入QTDesigner界面

然后后面 就是添加按钮等控件,按钮控件可以通过直接拖动的形式添加

简单的添加之后,显然不能实现,因为具体的样式还需要调整,样式方面,可以通过qss语法 进行修改,然后具体的颜色 可以通过微信自带的截图 获取rgb值,进行更改,还有一方面,就是qmainwindow自带的标题栏 需要去除,直接在添加该句,即可去除

去除正常标题栏之后,正常来说 会出现运行文件无法移动的情况。这个需要重写的的相关方法

然后的话,就可以通过基本的qss样式更改 实现简单的TIM界面。效果如上,但是考虑到大家上翻 比较麻烦 ,这边进行贴图

补充,现在也实现了点击显示账号的功能

此图为个人程序作品

此图为TIM实际效果,基本做到1:1还原

实现了提醒重复登录功能

此图为个人程序作品

此图为tim实际效果

实现了添加账号的效果

此图为个人程序作品

此图为TIM实际效果

实例的代码下载地址在此:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20230305A05XFV00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券