QT implementation dynamic navigation bar

One . effect

  Two . Realization

Now click to open an application , There will be the shadow of the side navigation bar , such as clash

at present , The design of side navigation bar has become a design trend in continuous updating . Many applications now , In particular, the setup page will include a side navigation bar , Web pages are even more common , In web design, the side navigation bar design will use a single solid color as the base , Contains fewer options , The top of the navigation bar usually includes logo, Text links , And social media account links with small icons .
Want to make the most of the side navigation bar , The secret is to control the contrast between the sidebar itself and the content on the right , Include navigation items that are clearly visible , And it can work well on the mobile terminal . in addition , It should be noted that , Don't let the side of the screen be long enough , Just try to fill it with text links and content . Today, when simplicity prevails , Try to keep only what is necessary , Let's leave space to highlight them , This can better adapt to the current user experience .
Qt The middle navigation bar is generally used QListWidget To achieve , But if you want to add customization Item, There's a lot of code , And switching Item No dynamic effect . In the implementation of this paper , Here we go QVariantAnimation, Why not QPropertyAnimation Well ？ Because you only need a variable value here , There is no need to control a property .

QHNavigationWidget.h

#ifndef QHNAVIGATIONWIDGET_H
#defin