SHOW:
|
|
- or go back to the newest paste.
| 1 | import QtQuick 2.0 | |
| 2 | import QtQuick.Controls 1.0 | |
| 3 | import QtGraphicalEffects 1.0 | |
| 4 | ||
| 5 | Rectangle {
| |
| 6 | width: 480 | |
| 7 | height: 640 | |
| 8 | ||
| 9 | Flickable {
| |
| 10 | id: flickable | |
| 11 | anchors.fill: parent | |
| 12 | ||
| 13 | contentHeight: grid.height | |
| 14 | contentWidth: parent.width | |
| 15 | ||
| 16 | Grid {
| |
| 17 | id: grid | |
| 18 | ||
| 19 | width: parent.width | |
| 20 | ||
| 21 | columnSpacing: 20 | |
| 22 | rowSpacing: 20 | |
| 23 | columns: 4 | |
| 24 | rows: 32 / columns | |
| 25 | ||
| 26 | Repeater {
| |
| 27 | model: 32 | |
| 28 | ||
| 29 | Image {
| |
| 30 | id: image | |
| 31 | ||
| 32 | height: 124 | |
| 33 | width: 124 | |
| 34 | ||
| 35 | fillMode: Image.PreserveAspectCrop | |
| 36 | source: "images/" + (1 + index) + ".png" | |
| 37 | ||
| 38 | Button {
| |
| 39 | text: "test" | |
| 40 | } | |
| 41 | } | |
| 42 | } | |
| 43 | } | |
| 44 | } | |
| 45 | ||
| 46 | Rectangle {
| |
| 47 | anchors.fill: fastBlur | |
| 48 | color: "white" | |
| 49 | } | |
| 50 | ||
| 51 | FastBlur {
| |
| 52 | id: fastBlur | |
| 53 | ||
| 54 | height: 124 | |
| 55 | ||
| 56 | width: parent.width | |
| 57 | radius: 40 | |
| 58 | opacity: 0.55 | |
| 59 | ||
| 60 | source: ShaderEffectSource {
| |
| 61 | sourceItem: flickable | |
| 62 | sourceRect: Qt.rect(0, 0, fastBlur.width, fastBlur.height) | |
| 63 | } | |
| 64 | } | |
| 65 | } |
