My2048/Dialog.qml at master · Excaive/My2048 · GitHub

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
import QtQuick 2.12

Rectangle
{
    id: container

    function show(text)
    {
        dialogText.text = text;
        container.opacity = 1;
    }

    function hide()
    {
        container.opacity = 0
    }

    Behavior on opacity
    {
        NumberAnimation { properties: "opacity"; duration: 300 }
    }

    width: dialogText.width + 50
    height: dialogText.height + 20
    radius: height / 2
    color: "#88FFFFFF"
    opacity: 0
    visible: opacity > 0

    Text
    {
        id: dialogText
        anchors.centerIn: parent
        font.family: "Century"
        font.pixelSize: 28
        text: ""
    }

    MouseArea
    {
        anchors.fill: parent
        onClicked: hide()
    }
}