C

Qt Quick Ultralite image_loading Example

/****************************************************************************** ** ** Copyright (C) 2020 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the Qt Quick Ultralite module. ** ** $QT_BEGIN_LICENSE:COMM$ ** ** 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. ** ** $QT_END_LICENSE$ ** ******************************************************************************/
import QtQuick 2.15 import QtQuick.Controls 2.15 Rectangle { id: root color: "gray" property string imageName: "image222" Column { anchors.centerIn: parent spacing: 20 Text { anchors.horizontalCenter: parent.horizontalCenter text: "The following image is created at runtime:" } Image { anchors.horizontalCenter: parent.horizontalCenter // Trigger a new image to be loaded when root.imageName changes source: "image://myimageprovider/" + root.imageName width: 120 height: 120 } Button { anchors.horizontalCenter: parent.horizontalCenter text: "Load new!" // Returns "0" or "1" or "2". It's biased, but ok for the example. function randomDigit() : string { return (Math.random() * 2.4).toFixed(0) } onClicked: { root.imageName = "image" + randomDigit() + randomDigit() + randomDigit() } } } }