4.qml单例模式
这里写目录标题
- js文件单例模式
- qml文件单例模式
js文件单例模式
直接添加一个js文件到qml中
修改内容
TestA.qml
import QtQuick 2.0
import QtQuick.Controls 2.12
import "./MyWork.js" as MWItem {Row{TextField {onEditingFinished: {MW.setA(text)}}Button{onClicked: lb.text = MW.getA()}Label{id: lb}}}main.qml
import QtQuick 2.12
import QtQuick.Window 2.12Window {visible: truewidth: 640height: 480title: qsTr("Hello World")TestA{width: parent.widthheight: 200}TestA{y:200width: parent.widthheight: 200}}
很明显使用import引入的js文件数据是不共享的，也就是他们在qml中的体现为都是个实例
但是有的场景我们希望我们的js文件是一个单例，也就是数据是共享的，怎么做呢？
只需要在js文件最顶部加入一行
.pragma library
既可
MyWork.js
.pragma library
var a = ""function setA(v){a = v;
}function getA() {return a;
}总结：
有缺点，缺点就是定义的变量不会通知qml页面的变更
qml页面数据的刷新绑定的变量其实还是使用了qml的信号与槽的机制，而
js定义的变量没有ValueChanged这种信号, 故刷新不了qml页面
qml文件单例模式
而qml单例模式
需要在qml最上面加入这一行，没有逗号，跟js不一样
pragma Singleton
同时还要添加一个qmldir文件暴露此单例
总结
全局变量的使用，导致多个qml文件同时触发刷新，
哪怕那个页面不可见,大大拉低刷新性能
为此我们要确保管控好这些变量，
尽量不要让他们本身成功绑定值或者所在的方法成为绑定值（有值），
否则一旦此值变动都会触发左值的更新
Row{TextField {onEditingFinished: {TestB.setName(text)}}Text {visible: falsetext: {console.log("11111")return TestB.name}}Text {text: {console.log("22222")return TestB.name}}}