OpacityMask을 사용하면 소스 아이템을 다른 아이템으로 마스킹할 수 있다.
import QtQuick
import QtQuick.Window
import Qt5Compat.GraphicalEffects
Window {
visible: true
width: 500
height: 400
title: qsTr("QtQuick GraphicalEffects")
Rectangle {
id: area
anchors.fill: parent
color: "white"
Rectangle {
id: punchHole
width: 400
height: 300
anchors.centerIn: parent
color: "yellowgreen"
layer.enabled: true
layer.effect: OpacityMask{
maskSource: Rectangle {
width: punchHole.width
height: punchHole.height
radius: 15
}
}
/* Internel Content */
Text {
font.pixelSize: 20
text: qsTr("This property allows the effect output pixels to be cached \n in order to improve the rendering performance.")
anchors.centerIn: parent
color: "black"
horizontalAlignment: Text.AlignHCenter
}
}
}
}
다음과 같은 이미지를 넣어보자.
단지 Image
아이템을 사용하고 source
를 지정하면 된다.
import QtQuick
import QtQuick.Window
import Qt5Compat.GraphicalEffects
Window {
visible: true
width: 500
height: 400
title: qsTr("QtQuick GraphicalEffects")
Rectangle {
id: area
anchors.fill: parent
color: "white"
Image {
id: punchHole
width: 400
height: 300
anchors.centerIn: parent
source: "qrc:/sky.jpg"
layer.enabled: true
layer.effect: OpacityMask{
maskSource: Rectangle {
width: punchHole.width
height: punchHole.height
radius: 15
}
}
/* Internel Content */
Text {
font.pixelSize: 20
text: qsTr("This property allows the effect output pixels to be cached \n in order to improve the rendering performance.")
anchors.centerIn: parent
color: "greenyellow"
horizontalAlignment: Text.AlignHCenter
}
}
}
}
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 | 운영자 | 2019.01.05 | 86837 |
8 | z-order 를 컨트롤 하기위한 방법 | makersweb | 2015.05.13 | 6651 |
7 | QML내에서의 시그널, 슬롯 시스템 | makersweb | 2019.09.29 | 7112 |
6 |
Qml 기본 컴포넌트 강좌 (2)
[2] ![]() | makersweb | 2019.01.05 | 8748 |
5 |
QML 강좌 - 동적 Listing (ListView)
![]() | makersweb | 2019.06.01 | 10250 |
4 |
Qml 기본 컴포넌트 강좌 (1)
![]() | makersweb | 2019.01.03 | 12256 |
3 | QML과 QtQuick 모듈 개념과 기본 타입들 | makersweb | 2019.04.26 | 13537 |
2 |
Qml과 C++로 구현하는 GUI어플리케이션
![]() | makersweb | 2018.12.25 | 14198 |
1 |
QtCreator Design으로 GUI만들기 (QML로 만드는 Hello World -2)
[1] ![]() | makersweb | 2019.05.26 | 15170 |