diff options
author | Andy Nichols <andy.nichols@digia.com> | 2014-11-06 11:30:45 -0800 |
---|---|---|
committer | Gabriel de Dietrich <gabriel.dedietrich@theqtcompany.com> | 2015-05-06 14:25:38 +0000 |
commit | d0dc7cec78e182f04726c5a2adade80dc2983bcf (patch) | |
tree | 577e146a61c90cf68c7fe947efafdf791f43546b /tests/manual | |
parent | 45212181e0510eb94f67329731fd6574a6abe3f5 (diff) |
BorderImage support for @2x assets
Despite being a subclass of QQuickImageBase, BorderImage components did
not support using @2x assets like Image components. The 9 patch image
logic now accounts for device pixel ratio when needed.
Manual tests added for stretch, repeat and round tiling modes.
[ChangeLog][BorderImage] Add support for @2x HiDPI border images.
This means, no more need to multiply the border sizes by the device
pixel ratio.
Change-Id: I79958739929964c816ba5dacedd9eaf93a60a183
Reviewed-by: Gabriel de Dietrich <gabriel.dedietrich@theqtcompany.com>
Reviewed-by: Morten Johan Sørvig <morten.sorvig@theqtcompany.com>
Diffstat (limited to 'tests/manual')
-rw-r--r-- | tests/manual/highdpi/BorderImage.png | bin | 0 -> 9420 bytes | |||
-rw-r--r-- | tests/manual/highdpi/BorderImage@2x.png | bin | 0 -> 15852 bytes | |||
-rw-r--r-- | tests/manual/highdpi/TiledBorderImage.png | bin | 0 -> 2029 bytes | |||
-rw-r--r-- | tests/manual/highdpi/TiledBorderImage@2x.png | bin | 0 -> 11799 bytes | |||
-rw-r--r-- | tests/manual/highdpi/borderimage.qml | 99 |
5 files changed, 99 insertions, 0 deletions
diff --git a/tests/manual/highdpi/BorderImage.png b/tests/manual/highdpi/BorderImage.png Binary files differnew file mode 100644 index 0000000000..8fa6b40d78 --- /dev/null +++ b/tests/manual/highdpi/BorderImage.png diff --git a/tests/manual/highdpi/BorderImage@2x.png b/tests/manual/highdpi/BorderImage@2x.png Binary files differnew file mode 100644 index 0000000000..1bbc52781f --- /dev/null +++ b/tests/manual/highdpi/BorderImage@2x.png diff --git a/tests/manual/highdpi/TiledBorderImage.png b/tests/manual/highdpi/TiledBorderImage.png Binary files differnew file mode 100644 index 0000000000..b17288ecdd --- /dev/null +++ b/tests/manual/highdpi/TiledBorderImage.png diff --git a/tests/manual/highdpi/TiledBorderImage@2x.png b/tests/manual/highdpi/TiledBorderImage@2x.png Binary files differnew file mode 100644 index 0000000000..85c7c4b4e4 --- /dev/null +++ b/tests/manual/highdpi/TiledBorderImage@2x.png diff --git a/tests/manual/highdpi/borderimage.qml b/tests/manual/highdpi/borderimage.qml new file mode 100644 index 0000000000..902d4e5a47 --- /dev/null +++ b/tests/manual/highdpi/borderimage.qml @@ -0,0 +1,99 @@ +/**************************************************************************** +** +** Copyright (C) 2015 The Qt Company Ltd. +** Contact: http://www.qt.io/licensing/ +** +** This file is part of the QtQml module of the Qt Toolkit. +** +** $QT_BEGIN_LICENSE:LGPL21$ +** Commercial License Usage +** Licensees holding valid commercial Qt licenses may use this file in +** accordance with the commercial license agreement provided with the +** Software or, alternatively, in accordance with the terms contained in +** a written agreement between you and The Qt Company. For licensing terms +** and conditions see http://www.qt.io/terms-conditions. For further +** information use the contact form at http://www.qt.io/contact-us. +** +** GNU Lesser General Public License Usage +** Alternatively, this file may be used under the terms of the GNU Lesser +** General Public License version 2.1 or version 3 as published by the Free +** Software Foundation and appearing in the file LICENSE.LGPLv21 and +** LICENSE.LGPLv3 included in the packaging of this file. Please review the +** following information to ensure the GNU Lesser General Public License +** requirements will be met: https://www.gnu.org/licenses/lgpl.html and +** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html. +** +** As a special exception, The Qt Company gives you certain additional +** rights. These rights are described in The Qt Company LGPL Exception +** version 1.1, included in the file LGPL_EXCEPTION.txt in this package. +** +** $QT_END_LICENSE$ +** +****************************************************************************/ + +import QtQuick 2.0 + +Rectangle { + width: 900 + height: 400 + + readonly property real imageBorder: 32 + readonly property real animDuration: 3000 + readonly property real animMin: 2 * imageBorder + readonly property real animMax: 280 + + Text { + anchors.bottom: row.top + anchors.horizontalCenter: parent.horizontalCenter + text: "Green => standard DPI; purple => @2x" + } + + Row { + id: row + anchors.centerIn: parent + spacing: 10 + Repeater { + model: 3 + delegate: Item { + width: animMax + height: animMax + BorderImage { + source : index === 0 ? "BorderImage.png" : "TiledBorderImage.png" + anchors.centerIn: parent + + border { + left: imageBorder; right: imageBorder + top: imageBorder; bottom: imageBorder + } + + horizontalTileMode: index === 0 ? BorderImage.Stretch : + index === 1 ? BorderImage.Repeat : BorderImage.Round + verticalTileMode: index === 0 ? BorderImage.Stretch : + index === 1 ? BorderImage.Repeat : BorderImage.Round + + width: animMin + SequentialAnimation on width { + NumberAnimation { to: animMax; duration: animDuration } + NumberAnimation { to: animMin; duration: animDuration } + loops: Animation.Infinite + } + + height: animMax + SequentialAnimation on height { + NumberAnimation { to: animMin; duration: animDuration } + NumberAnimation { to: animMax; duration: animDuration } + loops: Animation.Infinite + } + } + + Text { + anchors.top: parent.bottom + anchors.horizontalCenter: parent.horizontalCenter + font.pixelSize: 18 + text: index === 0 ? "Stretch" : + index === 1 ? "Repeat" : "Round" + } + } + } + } +} |