QML SwipeView具有不透明的背景。我怎样才能让它透明？

Question

在QML我已经实现与SwipeView这样的简单的应用程序：

import QtQuick 2.7 
import QtQuick.Controls 2.0 
import QtQuick.Layouts 1.3 
import QtQuick.Window 2.2 

Window { 
    visible: true 
    Rectangle{ 
     id: bg 
     anchors.fill: parent 
     color: "red" 
    } 

    SwipeView { 
     id: swipeView 
     anchors.left: parent.left 
     anchors.right: parent.right 
     anchors.top: parent.top 
     anchors.bottom: tabBar.top 
     currentIndex: tabBar.currentIndex 

     Page{ 
     // Empty 
     } 

     Page{ 
      Rectangle{ 
       anchors.fill: parent 
       color:"purple" 
      } 
     } 
    } 

    TabBar { 
     id: tabBar 
     width: parent.width; 
     height: 30; 
     anchors.bottom: parent.bottom 
     currentIndex: swipeView.currentIndex 
     TabButton { 
      text: qsTr("Empty") 
     } 
     TabButton { 
      text: qsTr("Purple") 
     } 
    } 
} 

如果删除了SwipeView的红色背景Rectangle节目，但只要SwipeView存在时，它要么是白色或紫色取决于显示的页面。

紫页中选择：

空页面中选择：

随着swipeview和TabBar注释掉：

那么，我怎样才能通过使红色背景闪耀（即使SwipeView透明）？

Answer 1

SwipeView默认情况下是透明的。 Page实际上并不是“空的”。因为它继承了Control，它具有背景属性。默认情况下，Page有一个设置为背景的矩形。这就是为什么你看到空白标签为白色。 Page.qml Sourcecode

所以，你可以这样做：

Page { background: null } 

或：

Page { 
     background: Rectangle{     
      color:"transparent" 
     } 
    }