QML Image元素

最新推荐文章于 2025-09-26 11:34:11 发布

原创最新推荐文章于 2025-09-26 11:34:11 发布 · 278 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt

Qt 专栏收录该内容

22 篇文章

订阅专栏

这个示例展示了如何在Qt环境中创建一个简单的窗口，并在其中加载并显示一张火箭图片，利用Image组件调整了图片的位置、大小，并设置了保持纵横比的填充模式。

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Image")

    Image {
        x: 118; y: 18   //位置
        width: 48       //宽度
        height: 118/2   //高度
        source:  "assets/rocket.png"    //图片路径
        fillMode: Image.PreserveAspectCrop  //
        clip:  true //裁剪
    }
}