Qt之高仿QQ系统设置界面

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

一.效果

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

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

Qt之高仿QQ系统设置界面_第1张图片
当然除了左侧导航栏,导航栏还能在顶部,比如QQ音乐的设置界面,如下所示:

二.原理

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

你可能感兴趣的:(Qt5实用编程技术,qt,ui,360设置中心,QQ系统设置,高仿)