Add circle item for clipping arbitrary items

modules/Material/Extras/CircleItem.qml

@@ -0,0 +1,42 @@
+/*
+ * QML Extras - Extra types and utilities to make QML even more awesome
+ *
+ * Copyright (C) 2015 Michael Spencer <[email protected]>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation, either version 2.1 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import QtQuick 2.3
+import QtGraphicalEffects 1.0
+
+Item {
+    id: item
+
+    property Item content
+
+    Image {
+        id: mask
+        source: Qt.resolvedUrl("images/circle.png")
+        anchors.fill: parent
+        smooth: true
+        visible: false
+        mipmap: true
+    }
+
+    OpacityMask {
+        anchors.fill: parent
+        source: content
+        maskSource: mask
+    }
+}

modules/Material/Extras/qmldir

@@ -1,6 +1,7 @@
 module Material.Extras
 
 CircleImage 0.1 CircleImage.qml
+CircleItem 0.1 CircleItem.qml
 Image 0.1 Image.qml
 ColumnFlow 0.1 ColumnFlow.qml
 Document 0.1 Document.qml