如何使QML视图的透明

  • Z时代
  • 2024-01-10
  • 分类：问答

有一个QML文件中像这样的特定区域：如何使QML视图的透明

Item { 
    width: 800 
    height: 600 
    Image { 
     id: background 
     width: 800 
     height: 600 
     source: "qrc:/resorces/background.png" 
    } 
    Rectangle { 
     id: transframe 
     x: 500 
     y: 200 
     width: 200 
     height: 100 
    } 
}

如何使transframe透明的区域，然后我可以看到背景下的图形。

回答：

该OpacityMask是你在找什么。

例子：

Rectangle { 
     width: 800; height: 600 
     color: 'red' 
     Image { 
      id: background 
      width: 800; height: 600 
      source: "qrc:/resorces/background.png" 
      visible: false 
     } 
     Item { 
      id: transframe 
      width: 800; height: 600 
      visible: false 
      Rectangle { 
       x: 500; y: 200; width: 200; height: 100 
      } 
     } 
     OpacityMask { // don't forget to import QtGraphicalEffects 
      anchors.fill: background 
      source: background 
      maskSource: transframe 
      invert: true 
     } 
    }

回答：

Item { 
    width: 800 
    height: 600 
    Image { 
     id: background 
     width: 800 
     height: 600 
     source: "qrc:/resorces/background.png" 
    } 
    Rectangle { 
     id: transframe 
     x: 500 
     y: 200 
     width: 200 
     height: 100 
     color:"transparent" 
    } 
}

以上是 如何使QML视图的透明 的全部内容， 来源链接： utcz.com/qa/261858.html

回到顶部