Qt Quick Controls 2.0 TabBar用法小试(待完善)

帮助文档在介绍TabBar时使用了StackView,但是StackView仅在QtQuick.Controls 1.4中可用,当升级为2.0时,需要改为StackLayouts,并include layout的相应库,代码如下:

import QtQuick 2.6
import QtQuick.Controls 2.0
import QtQuick.Controls.Styles 1.4
import QtQuick.Layouts 1.3

Rectangle{
    width: 640
    height: 480

    TabBar {
          id: bar
          width: parent.width
          z: 1;
          TabButton {
              text: qsTr("Home")
          }
          TabButton {
              text: qsTr("Discover")
          }
          TabButton {
              text: qsTr("Activity")
          }
      }

      StackLayout {
          id: layout
                anchors.fill: parent
                currentIndex: bar.currentIndex;
                z: 0;
                Rectangle {
                    color: 'teal'
                    implicitWidth: 200
                    implicitHeight: 200
                }
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值