Qml TabView 如何动态创建Tab

最新推荐文章于 2024-09-20 11:30:48 发布

花花呀123456

最新推荐文章于 2024-09-20 11:30:48 发布

阅读量7.1k

点赞数

分类专栏： Qt

本文链接：https://blog.csdn.net/tangaowen/article/details/50985446

版权

本文介绍如何在Qml中使用TabView动态创建Tab。通过一个特定的函数实现Tab的动态生成，详细阐述了相关步骤和代码实现。

摘要由CSDN通过智能技术生成

       TabView {
            id: pd_top_tabView
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.top: parent.top
            anchors.topMargin: 10
            anchors.bottom: parent.bottom
            anchors.bottomMargin: pd_bottom_bar.visible ? 45 : 0
            onCurrentIndexChanged: {
                console.log("current index = " + currentIndex)
            }

            style: TabViewStyle {
                tabBar: Rectangle {
                    color: "#FFF0F0F0"
                }

                tab: Rectangle {

                    function getTabImage() {
                        if(styleData.selected) {
                            return "qrc:/images/tab_active.png";
                        }
                        else {
                            return &#