Qt之高仿QQ系统设置界面

Posted 草上爬

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Qt之高仿QQ系统设置界面相关的知识,希望对你有一定的参考价值。

QQ或360安全卫士的设置界面都是非常有特点的,所有的配置项都在一个垂直的ScrollArea中,但是又能通过左侧的导航栏点击定位。这样做的好处是既方便查看指定配置项,又方便查看所有配置项。

一.效果

下面左边是当前最新版QQ的系统设置界面,右边是我的高仿版本,几乎一毛一样

360设置中心界面的实现原理是一样的


当然除了左侧导航栏,导航栏还能在顶部,比如QQ音乐的设置界面,如下所示:

二.原理

原理其实很简单,就是QListWidget控件和QScrollArea控件的联动。
QQ系统设置左侧导航使用QListWidget控件;右侧的显示区域使用QScrollArea控件;对这两个控件使用stylesheet可以达到以假乱真的效果。
连接QListWidget的itemClicked信号,在对应的槽函数中通过垂直滚动条的setSliderPo

以上是关于Qt之高仿QQ系统设置界面的主要内容,如果未能解决你的问题,请参考以下文章

QtPosSystem Qt零售终端源码下载 Qt-UI

qt ui界面如何把对其方式设置为alignment

Qt开发 --魔性的界面设置

qt5 中登录界面

Qt 如何避免打开多个相同子界面?

QT设计登陆界面这种功能该怎么设置