qml TabView的简单使用

码农客栈_V13427279549

已于 2024-03-05 13:40:50 修改

阅读量628

点赞数 1

分类专栏： qml Qt 文章标签： qt qml

于 2023-02-03 17:07:17 首次发布

本文链接：https://blog.csdn.net/ckg3824278/article/details/128871992

版权

Qt 同时被 2 个专栏收录

50 篇文章 8 订阅

订阅专栏

qml

13 篇文章 0 订阅

订阅专栏

ApplicationWindow {
    visible: true
    width: 480
    height: 360
    title: qsTr("TabView")
    //flags: Qt.Window | Qt.FramelessWindowHint
    objectName: "rootObject"
    id : id_root
    color: "white"

    TabView {
          id: frame
          anchors.fill: parent
          anchors.margins: 4
          Tab {
              title: "词汇表"
              Text {
                  id: txt1
                  text: qsTr("hello, i am the first")
                  horizontalAlignment: Text.AlignHCenter
                  verticalAlignment: Text.AlignVCenter
                  font.pixelSize: 30
              }
          }
          Tab {
              title: "已学会"
              Text {
                  id: txt2
                  text: qsTr("hi, i am the second")
                  horizontalAlignment: Text.AlignHCenter
                  verticalAlignment: Text.AlignVCenter
                  font.pixelSize: 30
              }
          }

          style: TabViewStyle {
              frameOverlap: 1
              tab: Rectangle {
                  color: styleData.selected ? "steelblue" :"lightsteelblue"
                  //border.color:  "steelblue"
                  border.width: 0
                  implicitWidth: 223
                  implicitHeight: 80
                  radius: 40
                  Text {
                      id: text
                      anchors.centerIn: parent
                      text: styleData.title
                      color: styleData.selected ? "white" : "black"
                  }
              }
              frame: Rectangle { color: "transparent" }
          }
      }
}