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

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'
    }
    
}

方法2:

双击在qt自带的设计模式页面中打开qml文件，在控件搜索栏中找到Image并添加

然后点击Image在设计界面右侧找到source，点击下拉框选择已添加的图片，其他Image属性也可以在此处设置，相当方便