diff options
Diffstat (limited to 'src/quick/doc/snippets/qml/borderimage/normal-image.qml')
-rw-r--r-- | src/quick/doc/snippets/qml/borderimage/normal-image.qml | 48 |
1 files changed, 28 insertions, 20 deletions
diff --git a/src/quick/doc/snippets/qml/borderimage/normal-image.qml b/src/quick/doc/snippets/qml/borderimage/normal-image.qml index 3bcbb258f1..44ca440732 100644 --- a/src/quick/doc/snippets/qml/borderimage/normal-image.qml +++ b/src/quick/doc/snippets/qml/borderimage/normal-image.qml @@ -1,40 +1,48 @@ // Copyright (C) 2017 The Qt Company Ltd. // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause -import QtQuick 2.0 +import QtQuick Rectangle { id: page color: "white" - width: 120; height: 120 + width: 182; height: 182 //! [normal image] Image { source: "pics/borderframe.png" + anchors.centerIn: parent } //! [normal image] Rectangle { - x: 30; y: 0 - width: 1; height: 120 - color: "gray" - } + width: 120; height: 120 + color: "transparent" + border.color: "gray" + anchors.centerIn: parent - Rectangle { - x: 90; y: 0 - width: 1; height: 120 - color: "gray" - } + Rectangle { + x: 30; y: 0 + width: 1; height: 120 + color: "gray" + } - Rectangle { - x: 0; y: 30 - width: 200; height: 1 - color: "gray" - } + Rectangle { + x: 90; y: 0 + width: 1; height: 120 + color: "gray" + } - Rectangle { - x: 0; y: 90 - width: 200; height: 1 - color: "gray" + Rectangle { + x: 0; y: 30 + width: 120; height: 1 + color: "gray" + } + + Rectangle { + x: 0; y: 90 + width: 120; height: 1 + color: "gray" + } } } |