75.qt qml-通用QML界面V2-剪映暗黑风格界面

如下图所示:

1.简述

我们在上个文章 71.qt quick-可伸展菜单-抽屉栏示例 通用QML界面(一键换肤)_qml换肤_诺谦的博客-CSDN博客

基础上 新增了一个暗黑风格界面

其中侧边栏是LeftSidebar.qml, 需要注意的是该侧边栏也可以设置右侧的哦.设置后如下所示:

其中侧边栏代码如下所示:

import QtQuick 2.12
import QtQuick.Controls 2.5
import QtGraphicalEffects 1.12
import QtQml 2.14
import QtGraphicalEffects 1.12
import QtQuick.Layouts 1.12
Item {
    id: container

    enum HorizontalPosBase {
        PosToLeft,
        PosToRight
    }


    property int horizontalPosBase: Sidebar.PosToLeft


    property int tailHeight: container.height*0.28
    property int tai