QQ或360安全卫士的设置界面都是非常有特点的,所有的配置项都在一个垂直的ScrollArea中,但是又能通过左侧的导航栏点击定位。这样做的好处是既方便查看指定配置项,又方便查看所有配置项。
一.效果
下面左边是当前最新版QQ的系统设置界面,右边是我的高仿版本,几乎一毛一样
360设置中心界面的实现原理是一样的
当然除了左侧导航栏,导航栏还能在顶部,比如QQ音乐的设置界面,如下所示:
二.原理
原理其实很简单,就是QListWidget控件和QScrollArea控件的联动。
QQ系统设置左侧导航使用QListWidget控件;右侧的显示区域使用QScrollArea控件;对这两个控件使用stylesheet可以达到以假乱真的效果。
连接QListWidget的itemClicked信号,在对应的槽函数中通过垂直滚动条的setSliderPo