QML如何在外部修改Rect的图片 - QTCN开发网

离线qq2632671

新手上路

只看楼主倒序阅读楼主发表于: 2023-08-10

RT
首先是一个Rect,我需要把这个作为一个组件在别的文件里使用

复制代码

//ChangeImg.qml
Rectangle {
width : 100;
height : 100
Image{
id:imgx
source : "A1.png"
anchors.fill : parent
}
}

然后是使用这个组件

复制代码

//mian.qml
Column{
ChangeImg{
id:a1
width : 100
height : 100
}
ChangeImg{
id:a2
width : 100
height : 100
}
Component.onCompleted : {
//a2.Image.source = "A2.png"; #语句1
//ChangeImg.imgx.source = "A2.png"; #语句2
//a1.imgx.source = "know.png"; #语句3
}
}

现在因为某些需求，需要在Column中修改Rect中的图片，
语句1 ：无效
语句2 ：QML提示"file:///D:/QML/TestImg/main.qml:16: TypeError: Value is undefined and could not be converted to an object"
语句3 ：结果同语句2

所以，如何在这个Column中修改Rect的图片？

分享到 淘江湖新浪 QQ微博 QQ空间开心人人豆瓣网易微博百度鲜果白社会飞信

离线20091001753

论坛版主

只看该作者 1楼发表于: 2023-08-10

//ChangeImg.qml
Rectangle {
    width : 100;
    height : 100
    property alias imasou: imgx.source
    Image{
        id:imgx
        source : "A.png"
        anchors.fill : parent
    }
}

//mian.qml
Component.onCompleted : {
    a1.imasou = "B.png"
}

(づ￣ 3￣)づ

离线qq2632671

新手上路

只看该作者 2楼发表于: 2023-08-11

回 20091001753 的帖子

20091001753:
//ChangeImg.qml
Rectangle {
    width : 100;
    height : 100
    property alias imasou: imgx.source
.......

非常感谢，顺利在问个问题，我用了alias后确实可以在Rect外部通过a1.imasou修改图片，但我其实是通过JS函数来修改图片的，在Rect外部有个JS函数

复制代码

function changeImg(){
a1.imasou = "A1.png";
}

类似上面这种，但我运行是提示
file:///E:/QML/ChangeImg.js:23: TypeError: Cannot assign to read-only property "imasou"
这种情况怎么解决？


	http://www.qtcn.org/bbs 访问内容超出本站范围，不能确定是否安全


	关闭您还没有登录，快捷通道只有在登录后才能使用。立即登录还没有帐号？赶紧注册一个


	关闭选中1篇全选

帖子

[提问]QML如何在外部修改Rect的图片 [复制链接]