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" 
     } 
    }