1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82
|
import QtQuick 2.0
// positioning done with bindings
Rectangle {
id: p
color: "red"
width: 400
height: 800
Rectangle {
id: c
color: "blue"
width: p.width
height: p.height / 2
y: p.height / 2
Rectangle {
id: n1
color: "green"
width: c.width / 2
height: c.height / 4
x: 0
y: c.height / 2
}
Rectangle {
id: n2
color: "cyan"
width: c.width / 2
height: c.height / 4
x: c.width / 2
y: c.height / 2
}
Rectangle {
id: n3
color: "aquamarine"
width: c.width / 2
height: c.height / 4
x: 0
y: (c.height / 4) * 3
}
Rectangle {
id: n4
color: "lightgreen"
width: c.width / 2
height: c.height / 4
x: c.width / 2
y: (c.height / 4) * 3
}
}
// for visually determining correctness.
//Timer {
// property int count: 0
// interval: 1000
// running: true
// repeat: true
// onTriggered: {
// if (count == 0) {
// count = 1;
// p.height = 800;
// } else {
// count = 0;
// p.height = 400;
// }
// }
//}
Component.onCompleted: {
var iterations = 10000;
//var t0 = new Date();
while (iterations > 0) {
iterations--;
p.height = 800;
p.height = 400;
}
//var t1 = new Date();
//console.log("Binding Positioning: " + (t1.valueOf() - t0.valueOf()) + " milliseconds");
}
}
|