Qt UI QML设置背景图片/添加图片

最新推荐文章于 2024-03-21 17:32:35 发布

TurboPanamera

最新推荐文章于 2024-03-21 17:32:35 发布

阅读量7.1k

点赞数 2

文章标签： qt qml

本文链接：https://blog.youkuaiyun.com/github_55295425/article/details/116573445

版权

QML设置背景图片/添加图片

在这里插入图片描述

首先鼠标右键点击 "/"文件夹->添加现有文件然后在工程根目录下找到图片文件添加

方法1：

在QML文件中直接在Page{}下手动添加Image控件，如下图

在这里插入图片描述

我一般设置其相对于parent居中，并且fillmode为保持原始横纵比

source处添加图片路径

Page {
    id: page
    width: 900
    height: 1600
       
    Image {
        id: bg1
        anchors.horizontalCenter: parent.horizontalCenter/*居中*/
        fillMode: Image.PreserveAspectFit/*保持原始横纵比*/
        source: 'bg/bg1.jpg'
    }
    
}