parent
8939bbf0e3
commit
1bbfda3155
@ -0,0 +1,53 @@
|
|||||||
|
### Using the clip property to crop child objects inside Item or Rectangle
|
||||||
|
https://evileg.com/en/post/577/
|
||||||
|
|
||||||
|
### Short Version
|
||||||
|
|
||||||
|
```
|
||||||
|
import QtQuick 2.12
|
||||||
|
import QtQuick.Controls 2.12
|
||||||
|
import QtGraphicalEffects 1.0
|
||||||
|
|
||||||
|
Item{
|
||||||
|
id: root
|
||||||
|
|
||||||
|
width: parent.width
|
||||||
|
height: parent.height
|
||||||
|
|
||||||
|
Rectangle{
|
||||||
|
id: itemDelegate
|
||||||
|
width: 300
|
||||||
|
height: 96
|
||||||
|
color: "#1aebebeb"
|
||||||
|
radius: height/4
|
||||||
|
border.color: "#9de000"
|
||||||
|
clip: true
|
||||||
|
|
||||||
|
layer.enabled: true
|
||||||
|
layer.effect: OpacityMask {
|
||||||
|
maskSource: Item {
|
||||||
|
width: itemDelegate.width
|
||||||
|
height: itemDelegate.height
|
||||||
|
Rectangle {
|
||||||
|
anchors.centerIn: parent
|
||||||
|
width: itemDelegate.width
|
||||||
|
height: itemDelegate.height
|
||||||
|
radius: itemDelegate.radius
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle{
|
||||||
|
width: parent.width*0.25
|
||||||
|
height: parent.height
|
||||||
|
color: "#9de000"
|
||||||
|
}
|
||||||
|
|
||||||
|
Row{
|
||||||
|
width: parent.width
|
||||||
|
height: parent.height
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
```
|
Loading…
Reference in new issue