qiurui
/
qtdeclarative
mirror of https://github.com/qt/qtdeclarative.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
qtdeclarative/examples/quick/imageelements/borderimage.qml

124 lines
3.3 KiB
QML
Raw Normal View History

Use SPDX license identifiers Replace the current license disclaimer in files by a SPDX-License-Identifier. Files that have to be modified by hand are modified. License files are organized under LICENSES directory. Pick-to: 6.4 Task-number: QTBUG-67283 Change-Id: I63563bbeb6f60f89d2c99660400dca7fab78a294 Reviewed-by: Shawn Rutledge <shawn.rutledge@qt.io>
2022-05-13 13:12:05 +00:00
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
Initial import from qtquick2. Branched from the monolithic repo, Qt qtquick2 branch, at commit a4a585d2ee907746682846ae6e8a48e19deef469
2011-04-27 12:13:26 +00:00
ImageElements example: Use QQC2 and update copyright Updating the example to use qt quick controls 2 where it makes sense, as well as copyright headers. Task-number: QTBUG-95737 Pick-to: 6.2 Change-Id: Ie22ab8551926916abd0a478adc16d1d4daeb13ad Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2021-08-23 13:14:25 +00:00
import QtQuick
Initial import from qtquick2. Branched from the monolithic repo, Qt qtquick2 branch, at commit a4a585d2ee907746682846ae6e8a48e19deef469
2011-04-27 12:13:26 +00:00
Add whitespace Change-Id: Iad55228ffa86bbf63b12a33d0f00ce734807c071 Reviewed-on: http://codereview.qt-project.org/5199 Reviewed-by: Bea Lam <bea.lam@nokia.com>
2011-09-20 07:16:36 +00:00
Rectangle {
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
id: page
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
width: 320
Initial import from qtquick2. Branched from the monolithic repo, Qt qtquick2 branch, at commit a4a585d2ee907746682846ae6e8a48e19deef469
2011-04-27 12:13:26 +00:00
height: 480
Add whitespace Change-Id: Iad55228ffa86bbf63b12a33d0f00ce734807c071 Reviewed-on: http://codereview.qt-project.org/5199 Reviewed-by: Bea Lam <bea.lam@nokia.com>
2011-09-20 07:16:36 +00:00
Update ImageElement examples Now more consistently formed. Required a UI redesign for border image, you now view one at a time, with a selector control. Change-Id: Idf64119b644c1a79779ea0a46412247d6d013cb1 Reviewed-by: Alan Alpert <alan.alpert@nokia.com> Reviewed-by: Yann Bodson <yann.bodson@nokia.com>
2012-02-28 03:20:56 +00:00
BorderImageSelector {
id: selector
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
Update ImageElement examples Now more consistently formed. Required a UI redesign for border image, you now view one at a time, with a selector control. Change-Id: Idf64119b644c1a79779ea0a46412247d6d013cb1 Reviewed-by: Alan Alpert <alan.alpert@nokia.com> Reviewed-by: Yann Bodson <yann.bodson@nokia.com>
2012-02-28 03:20:56 +00:00
curIdx: 0
maxIdx: 3
gridWidth: 240
flickable: mainFlickable
width: parent.width
height: 64
}
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
Flickable {
Update ImageElement examples Now more consistently formed. Required a UI redesign for border image, you now view one at a time, with a selector control. Change-Id: Idf64119b644c1a79779ea0a46412247d6d013cb1 Reviewed-by: Alan Alpert <alan.alpert@nokia.com> Reviewed-by: Yann Bodson <yann.bodson@nokia.com>
2012-02-28 03:20:56 +00:00
id: mainFlickable
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
Update ImageElement examples Now more consistently formed. Required a UI redesign for border image, you now view one at a time, with a selector control. Change-Id: Idf64119b644c1a79779ea0a46412247d6d013cb1 Reviewed-by: Alan Alpert <alan.alpert@nokia.com> Reviewed-by: Yann Bodson <yann.bodson@nokia.com>
2012-02-28 03:20:56 +00:00
width: parent.width
anchors.bottom: parent.bottom
anchors.top: selector.bottom
interactive: false //Animated through selector control
contentX: -120
Behavior on contentX { NumberAnimation {}}
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
contentWidth: 1030
Update ImageElement examples Now more consistently formed. Required a UI redesign for border image, you now view one at a time, with a selector control. Change-Id: Idf64119b644c1a79779ea0a46412247d6d013cb1 Reviewed-by: Alan Alpert <alan.alpert@nokia.com> Reviewed-by: Yann Bodson <yann.bodson@nokia.com>
2012-02-28 03:20:56 +00:00
contentHeight: 420
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
Grid {
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
anchors.centerIn: parent
spacing: 20
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
MyBorderImage {
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
minWidth: 120
maxWidth: 240
minHeight: 120
maxHeight: 200
source: Qt.resolvedUrl("pics/colors.png")
margin: 30
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
}
MyBorderImage {
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
minWidth: 120
maxWidth: 240
minHeight: 120
maxHeight: 200
source: Qt.resolvedUrl("pics/colors.png")
margin: 30
horizontalMode: BorderImage.Repeat
verticalMode: BorderImage.Repeat
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
}
MyBorderImage {
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
minWidth: 120
maxWidth: 240
minHeight: 120
maxHeight: 200
source: Qt.resolvedUrl("pics/colors.png")
margin: 30
horizontalMode: BorderImage.Stretch
verticalMode: BorderImage.Repeat
Initial import from qtquick2. Branched from the monolithic repo, Qt qtquick2 branch, at commit a4a585d2ee907746682846ae6e8a48e19deef469
2011-04-27 12:13:26 +00:00
}
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
MyBorderImage {
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
minWidth: 120
maxWidth: 240
minHeight: 120
maxHeight: 200
source: Qt.resolvedUrl("pics/colors.png")
margin: 30
horizontalMode: BorderImage.Round
verticalMode: BorderImage.Round
Initial import from qtquick2. Branched from the monolithic repo, Qt qtquick2 branch, at commit a4a585d2ee907746682846ae6e8a48e19deef469
2011-04-27 12:13:26 +00:00
}
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
MyBorderImage {
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
minWidth: 60
maxWidth: 200
minHeight: 40
maxHeight: 200
source: Qt.resolvedUrl("pics/bw.png")
margin: 10
Initial import from qtquick2. Branched from the monolithic repo, Qt qtquick2 branch, at commit a4a585d2ee907746682846ae6e8a48e19deef469
2011-04-27 12:13:26 +00:00
}
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
MyBorderImage {
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
minWidth: 60
maxWidth: 200
minHeight: 40
maxHeight: 200
source: Qt.resolvedUrl("pics/bw.png")
margin: 10
horizontalMode: BorderImage.Repeat
verticalMode: BorderImage.Repeat
Initial import from qtquick2. Branched from the monolithic repo, Qt qtquick2 branch, at commit a4a585d2ee907746682846ae6e8a48e19deef469
2011-04-27 12:13:26 +00:00
}
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
MyBorderImage {
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
minWidth: 60
maxWidth: 200
minHeight: 40
maxHeight: 200
source: Qt.resolvedUrl("pics/bw.png")
margin: 10
horizontalMode: BorderImage.Stretch
verticalMode: BorderImage.Repeat
Initial import from qtquick2. Branched from the monolithic repo, Qt qtquick2 branch, at commit a4a585d2ee907746682846ae6e8a48e19deef469
2011-04-27 12:13:26 +00:00
}
Add whitespace Change-Id: Iad55228ffa86bbf63b12a33d0f00ce734807c071 Reviewed-on: http://codereview.qt-project.org/5199 Reviewed-by: Bea Lam <bea.lam@nokia.com>
2011-09-20 07:16:36 +00:00
Start of examples refactor This is the general reorg of the examples directory structure, plus additional guidelines. calculator, animations and accessibility have been updated to the new standards and tested, as an example. Task-number: QTBUG-24133 Change-Id: I76c3b86751d3195ba2a5474ff23afb875765e9a4 Reviewed-by: Alan Alpert <alan.alpert@nokia.com>
2012-02-20 00:34:44 +00:00
MyBorderImage {
Imageelements example: Update by coding conventions from official doc - Fix qmllint warning. - string are translated. - JS statements no longer end with semi-colon. Pick-to: 6.5 Change-Id: I39236ffa20fd1131609f170c64ecb4e68273539a Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2023-03-30 07:12:28 +00:00
minWidth: 60
maxWidth: 200
minHeight: 40
maxHeight: 200
source: Qt.resolvedUrl("pics/bw.png")
margin: 10
horizontalMode: BorderImage.Round
verticalMode: BorderImage.Round
Initial import from qtquick2. Branched from the monolithic repo, Qt qtquick2 branch, at commit a4a585d2ee907746682846ae6e8a48e19deef469
2011-04-27 12:13:26 +00:00
}
}
}
}