Qt之实现动效导航栏

一.效果

 二.实现

现在随便点开一个应用，都会有侧边导航栏的身影，比如clash

目前，侧边导航栏设计已经成为一种持续更新中的设计趋势。现在很多应用，特别是设置页面都会包含侧边导航栏，网页中更是常见，在网页设计中侧边导航栏设计会使用单一的纯色打底，包含较少的选项，导航栏顶端通常会包括logo，文字链接，以及带有小图标的社交媒体账号链接。
想要侧边导航栏发挥最大的作用，秘诀在于控制好侧边栏本身和右侧内容的对比度，要包含足够清晰可见的导航条目，还要能在移动端上良好地运作。另外，要注意的是，不要因为屏幕侧边够长，就企图用文字链接和内容填满它。在简约之风大行其道的今天，尽量只保留必须的内容，让留白来突显它们，这样更能适应现时的用户体验。
Qt中导航栏一般用QListWidget来实现，但是如果要添加自定义Item，代码量并不少，而且切换Item时没有动效。本文的实现中，动效用到了QVariantAnimation，为什么不用QPropertyAnimation呢？因为这里只需要一个变化的值，并不需要控制一个属性。

QHNavigationWidget.h

#ifndef QHNAVIGATIONWIDGET_H
#defin