Board.qml Example File
pingpong/assets/Board.qml
import QtQuick 2.0
import QtQuick.Window 2.1
Rectangle {
id: board
width: 600
height: 300
property int roleSide: pingPong.role
onRoleSideChanged: {
if (pingPong.role == 1) {
rightMouse.opacity = 0.7
rightMouse.enabled = false
}
else if (pingPong.role == 2) {
leftMouse.opacity = 0.7
leftMouse.enabled = false
}
}
property bool deviceMessage: pingPong.showDialog
onDeviceMessageChanged: {
if (pingPong.showDialog) {
info.visible = true;
board.opacity = 0.5;
} else {
info.visible = false;
board.opacity = 1;
}
}
Rectangle {
id: leftblock
y: (parent.height/2)
width: (parent.width/27)
height: (parent.height/5)
anchors.left: parent.left
color: "#363636"
radius: 10
MouseArea {
id: leftMouse
anchors.fill: parent
acceptedButtons: Qt.LeftButton
drag.target: leftblock
drag.axis: Drag.YAxis
drag.minimumY: 0
drag.maximumY: (board.height - leftblock.height)
}
}
Rectangle {
id: rightblock
y: (parent.height/2)
width: (parent.width/27)
height: (parent.height/5)
anchors.right: parent.right
color: "#363636"
radius: 10
MouseArea {
id: rightMouse
anchors.fill: parent
acceptedButtons: Qt.LeftButton
drag.target: rightblock
drag.axis: Drag.YAxis
drag.minimumY: 0
drag.maximumY: (board.height - rightblock.height)
}
}
property double leftBlockY: leftblock.y
onLeftBlockYChanged: pingPong.updateLeftBlock(leftblock.y)
property double leftBlockUpdate: pingPong.leftBlockY
onLeftBlockUpdateChanged: leftblock.y = pingPong.leftBlockY
property double rightBlockY: rightblock.y
onRightBlockYChanged: pingPong.updateRightBlock(rightblock.y)
property double rightBlockUpdate: pingPong.rightBlockY
onRightBlockUpdateChanged: rightblock.y = pingPong.rightBlockY
Rectangle {
id: splitter
color: "#363636"
anchors.horizontalCenter: parent.horizontalCenter
height: parent.height
width: parent.width/100
}
Text {
id: leftResult
text: pingPong.leftResult
font.bold: true
font.pixelSize: 30
anchors.right: splitter.left
anchors.top: parent.top
anchors.margins: 15
}
Text {
id: rightResult
text: pingPong.rightResult
font.bold: true
font.pixelSize: 30
anchors.left: splitter.right
anchors.top: parent.top
anchors.margins: 15
}
Rectangle {
id: ball
width: leftblock.width/2
height: leftblock.width/2
radius: width
color: "#363636"
x: pingPong.ballX
y: pingPong.ballY
SequentialAnimation {
running: true
NumberAnimation { target: ball; property: "x"; duration: 50 }
NumberAnimation { target: ball; property: "y"; duration: 50 }
}
}
Component.onCompleted: {
if (menulist.height == Screen.height && menulist.width == Screen.width)
pingPong.setSize(Screen.width, Screen.height)
else
pingPong.setSize(board.width, board.height)
pingPong.updateLeftBlock(leftblock.y)
pingPong.updateRightBlock(rightblock.y)
}
}