124 lines
3.3 KiB
QML
124 lines
3.3 KiB
QML
// Copyright (C) 2021 The Qt Company Ltd.
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
|
|
|
|
import QtQuick
|
|
|
|
Rectangle {
|
|
id: page
|
|
|
|
width: 320
|
|
height: 480
|
|
|
|
BorderImageSelector {
|
|
id: selector
|
|
|
|
curIdx: 0
|
|
maxIdx: 3
|
|
gridWidth: 240
|
|
flickable: mainFlickable
|
|
width: parent.width
|
|
height: 64
|
|
}
|
|
|
|
Flickable {
|
|
id: mainFlickable
|
|
|
|
width: parent.width
|
|
anchors.bottom: parent.bottom
|
|
anchors.top: selector.bottom
|
|
interactive: false //Animated through selector control
|
|
contentX: -120
|
|
Behavior on contentX { NumberAnimation {}}
|
|
contentWidth: 1030
|
|
contentHeight: 420
|
|
Grid {
|
|
anchors.centerIn: parent
|
|
spacing: 20
|
|
|
|
MyBorderImage {
|
|
minWidth: 120
|
|
maxWidth: 240
|
|
minHeight: 120
|
|
maxHeight: 200
|
|
source: Qt.resolvedUrl("pics/colors.png")
|
|
margin: 30
|
|
}
|
|
|
|
MyBorderImage {
|
|
minWidth: 120
|
|
maxWidth: 240
|
|
minHeight: 120
|
|
maxHeight: 200
|
|
source: Qt.resolvedUrl("pics/colors.png")
|
|
margin: 30
|
|
horizontalMode: BorderImage.Repeat
|
|
verticalMode: BorderImage.Repeat
|
|
}
|
|
|
|
MyBorderImage {
|
|
minWidth: 120
|
|
maxWidth: 240
|
|
minHeight: 120
|
|
maxHeight: 200
|
|
source: Qt.resolvedUrl("pics/colors.png")
|
|
margin: 30
|
|
horizontalMode: BorderImage.Stretch
|
|
verticalMode: BorderImage.Repeat
|
|
}
|
|
|
|
MyBorderImage {
|
|
minWidth: 120
|
|
maxWidth: 240
|
|
minHeight: 120
|
|
maxHeight: 200
|
|
source: Qt.resolvedUrl("pics/colors.png")
|
|
margin: 30
|
|
horizontalMode: BorderImage.Round
|
|
verticalMode: BorderImage.Round
|
|
}
|
|
|
|
MyBorderImage {
|
|
minWidth: 60
|
|
maxWidth: 200
|
|
minHeight: 40
|
|
maxHeight: 200
|
|
source: Qt.resolvedUrl("pics/bw.png")
|
|
margin: 10
|
|
}
|
|
|
|
MyBorderImage {
|
|
minWidth: 60
|
|
maxWidth: 200
|
|
minHeight: 40
|
|
maxHeight: 200
|
|
source: Qt.resolvedUrl("pics/bw.png")
|
|
margin: 10
|
|
horizontalMode: BorderImage.Repeat
|
|
verticalMode: BorderImage.Repeat
|
|
}
|
|
|
|
MyBorderImage {
|
|
minWidth: 60
|
|
maxWidth: 200
|
|
minHeight: 40
|
|
maxHeight: 200
|
|
source: Qt.resolvedUrl("pics/bw.png")
|
|
margin: 10
|
|
horizontalMode: BorderImage.Stretch
|
|
verticalMode: BorderImage.Repeat
|
|
}
|
|
|
|
MyBorderImage {
|
|
minWidth: 60
|
|
maxWidth: 200
|
|
minHeight: 40
|
|
maxHeight: 200
|
|
source: Qt.resolvedUrl("pics/bw.png")
|
|
margin: 10
|
|
horizontalMode: BorderImage.Round
|
|
verticalMode: BorderImage.Round
|
|
}
|
|
}
|
|
}
|
|
}
|