qml的Image控件用法

QML 中的 Image 控件用于显示图像。以下是 Image 控件的基本用法：

import QtQuick 2.0

Item {
    width: 400
    height: 400

    Image {
        id: image
        source: "image.png"
        anchors.centerIn: parent
    }
}

在上面的代码中，我们创建了一个名为 `image` 的 Image 控件，并将其嵌套在一个名为 `Item` 的父控件中。我们设置了 Image 控件的 `source` 属性为 `image.png`，这是我们想要显示的图像的文件路径。我们还使用 `anchors.centerIn` 属性将图像控件放置在其父控件的中心。

除了 `source` 属性之外，Image 控件还有许多其他属性可用于控制图像的显示方式。例如，我们可以使用 `fillMode` 属性控制图像如何填充控件的边界，使用 `smooth` 属性控制图像的平滑度等等。

Image {
    id: image
    source: "image.png"
    fillMode: Image.PreserveAspectFit
    smooth: true
}

在上面的代码中，我们设置了 `fillMode` 属性为 `Image.PreserveAspectFit`，这将保持图像的纵横比并适应 Image 控件的大小。我们还将 `smooth` 属性设置为 `true`，以获得更平滑的图像显示效果。

除此之外，Image 控件还有其他属性和信号，例如 `status` 属性用于获取图像的载入状态，`onStatusChanged` 信号用于在图像状态更改时发出信号等等。