Qt之高仿QQ系统设置界面

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

一.效果

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

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


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

二.原理

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

猜你喜欢

转载自blog.csdn.net/caoshangpa/article/details/129458541
今日推荐