| /**************************************************************************** |
| ** |
| ** Copyright (C) 2017 The Qt Company Ltd. |
| ** Contact: https://www.qt.io/licensing/ |
| ** |
| ** This file is part of the documentation of the Qt Toolkit. |
| ** |
| ** $QT_BEGIN_LICENSE:FDL$ |
| ** 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 https://www.qt.io/terms-conditions. For further |
| ** information use the contact form at https://www.qt.io/contact-us. |
| ** |
| ** GNU Free Documentation License Usage |
| ** Alternatively, this file may be used under the terms of the GNU Free |
| ** Documentation License version 1.3 as published by the Free Software |
| ** Foundation and appearing in the file included in the packaging of |
| ** this file. Please review the following information to ensure |
| ** the GNU Free Documentation License version 1.3 requirements |
| ** will be met: https://www.gnu.org/licenses/fdl-1.3.html. |
| ** $QT_END_LICENSE$ |
| ** |
| ****************************************************************************/ |
| |
| import QtQuick 2.12 |
| import QtQuick.Controls 2.12 |
| |
| Item { |
| width: 200 |
| height: 200 |
| |
| //! [1] |
| Rectangle { |
| id: frame |
| clip: true |
| width: 160 |
| height: 160 |
| border.color: "black" |
| anchors.centerIn: parent |
| |
| Text { |
| id: content |
| text: "ABC" |
| font.pixelSize: 160 |
| x: -hbar.position * width |
| y: -vbar.position * height |
| } |
| |
| ScrollBar { |
| id: vbar |
| hoverEnabled: true |
| active: hovered || pressed |
| orientation: Qt.Vertical |
| size: frame.height / content.height |
| anchors.top: parent.top |
| anchors.right: parent.right |
| anchors.bottom: parent.bottom |
| } |
| |
| ScrollBar { |
| id: hbar |
| hoverEnabled: true |
| active: hovered || pressed |
| orientation: Qt.Horizontal |
| size: frame.width / content.width |
| anchors.left: parent.left |
| anchors.right: parent.right |
| anchors.bottom: parent.bottom |
| } |
| } |
| //! [1] |
| |
| Component.onCompleted: { |
| hbar.active = true |
| vbar.active = true |
| } |
| } |