Qt/QML学习-TabBar

放假当宅宅

已于 2024-08-26 18:01:39 修改

阅读量102

点赞数 5

分类专栏： Qt/QML学习文章标签： qt 学习

于 2024-08-26 18:00:35 首次发布

本文链接：https://blog.csdn.net/qq1138345424/article/details/141570245

版权

Qt/QML学习专栏收录该内容

37 篇文章 1 订阅

订阅专栏

QML学习

TabBar例程
视频讲解
代码

main.qml

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("TabBar")
    TabBar {
        id: tabBar
        width: parent.width
        background: Rectangle {
            color: "pink"
        }
        TabButton {
            id: tabButton
            text: "放假"
            background: Rectangle {
                color: tabButton.checked? "yellow": "transparent"
            }
            contentItem: Text {
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
                text: tabButton.text
                font.pointSize: 20
                color: "red"
            }
        }
        TabButton {
            text: "当"
        }
        TabButton {
            text: "宅宅"
        }
    }

    StackLayout {
        anchors.top: tabBar.bottom
        width: parent.width
        height: parent.height - tabBar.height
        currentIndex: tabBar.currentIndex
        Rectangle {
            color: "red"
        }
        Rectangle {
            color: "green"
        }
        Rectangle {
            color: "blue"
        }
    }
}