Discussion :

[guigui-in-the-place]

Bonjour,

je vais essayer de faire cours concernant mon pb, et je tiens à préciser que je ne suis pas très expérimenter en Qt/Qml.

Application : sudoku
IDE: Qt Creator
Plateforme: Symbian (emulator Qt)

Alors pour représenter le sudoku j'ai donc une grille de 9 x 9 rectangles contenant chacun un TextInput (limité a 1 charactere). Je ve donc pouvoir recupérer dans un container la totalité des TextInputs, pour ensuite lancer mon alog en cpp pour verifier le sudoku.

Il me faut donc un container dans lequel je mets tous les textinputs, et qu'il soit réutilisable dans du code cpp.

Voici mon fichier contenant la page du sudoku.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
 
import QtQuick 1.0
import "testjs.js" as JS
import com.nokia.symbian 1.0
 
 
Page
{
    id:root
    function slotRefresh() {box.width += 5; box.height += 5;}
    Flickable
    {
        width: parent.width
        height: parent.height
        contentWidth: sudoGrid.width
        contentHeight: sudoGrid.height
        clip: true
        Rectangle
        {
            id: sudoGrid
            width: root.width
            height: root.height * 2
            anchors.centerIn: parent
            color: "yellow"
            Rectangle
            {
                id: top
                width: root.width
                height: root.height/5
                radius: 10
                gradient: Gradient
                {
                GradientStop {position: 0.0; color: "lightsteelblue"}
                GradientStop {position: 1.0; color: "steelblue"}
            }
            Grid
            {
                anchors.top: top.bottom
                anchors.topMargin: 20
                anchors.horizontalCenter: parent.horizontalCenter
                columns: 3
                rows: 3
                Repeater
                {
                    model:9
                    Rectangle
                    {
                        id:casetoto
                        width: 35 * 3
                        height: 35 * 3
                        color: "green"
                        border.color: "red"
                        border.width: 3
 
                        Grid
                        {
                            anchors.fill: parent
                            columns: 3
                            rows: 3
                            Repeater
                            {
                                model: 9
                                Rectangle
                                {
                                    id: box
                                    width: 35
                                    height: 35
                                    color: "green"
                                    border.color: "red"
                                    border.width: 1
                                    Rectangle {
                                        id : background
                                        anchors.centerIn : parent
                                        width: 35
                                        height: 35
                                        color : "#CCCCCC";
                                        opacity : 0.6
                                        radius : 4
 
                                        Text {
                                            id: texteArriere
                                            anchors.fill: parent
                                            font.italic : true
                                            font.pointSize : 9
                                            color : "black" //couleur de texte
                                            height :30
                                            Behavior on opacity {NumberAnimation {duration: 200 }}
                                            text: "  ."
                                            opacity: {zoneText.text == "" ? 1 : 0}
                                        }
                                        TextInput {
                                            id: zoneText
                                            anchors {left: parent.left; top: parent.top; topMargin: 1; leftMargin: 10;}
                                            width: parent.width - 12
                                            height: 30
                                            font.pointSize : 9
                                            maximumLength: 1
                                            activeFocusOnPress: true
                                            MouseArea {
                                                anchors.fill: parent
                                                onClicked: { zoneText.text= "";
                                                    if (!zoneText.activeFocus)
                                                    {
                                                        zoneText.forceActiveFocus()
                                                        zoneText.openSoftwareInputPanel();
                                                    }
                                                    else
                                                    {
                                                        zoneText.focus = false;
                                                    }
                                                }
                                                onPressAndHold: zoneText.closeSoftwareInputPanel();
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
}

[Amnell]

Salut,

Tout d'abord, un petit détail : ne serait-il pas mieux de limiter le contenu acceptable de votre TextInput à une valeur de 1 à 9 ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
TextInput {
    ...
    validator: IntValidator { top: 9; bottom: 1 }
}

Après, pour récupérer la valeur, il suffit d'accéder tout simplement à la propriété "text" du TextInput. Vous pouvez également savoir dans quelle case vous êtes avec les propriétés "index" associées aux deux Repeaters.

Bonne continuation,
Amnell.

[guigui-in-the-place]

salut,

oui tout ca je sais, le problème n'est pas la. Comment mettre toutes ces valeurs des TextInput dans un seul et meme container ?

Merci de la reponse.

[Amnell]

oui tout ca je sais, le problème n'est pas la. Comment mettre toutes ces valeurs des TextInput dans un seul et meme container ?

Plus explicitement dit, si je comprends bien, vous n'arrivez pas à accéder aux données de vos Repeaters depuis l'extérieur, comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
Button {
    onClicked: {
        for (var i = 0; i < 9; i++)
        {
            for (var j = 0; j < 9; j++)
            {
                // Mince, que faire ?
            }
        }
    }
}

Si c'est le cas, je vous conseillerais plutôt de faire un ListModel contenant un tableau multidimensionel tab[9][9], contenant lui-même les valeurs des cases. Lors d'un changement de valeur d'un TextInput (onTextChanged), il y aurait modification de ce tableau, tout simplement.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Initialisation
Component.onCompleted: {
    var tab = new Object();
    for (var i = 0; i < 9; i++)
    {
        var line = new Object();
        for (var j = 0; j < 9; j++)
        {
            line[j] = "0";
        }
        tab[i] = line;
    }
    monListModel.append({"table", tab});
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
// Modification
TextInput {
    ...
    onTextChanged: {
        var tab = monListModel.get(0).table;
        // Les changements que vous souhaitez sur table.
       monListModel.set(0, {"table", tab});
    }
}

Avec "monListModel", utilisé dans vos Repeaters.

Espérant avoir répondu à votre question,
Amnell.

[guigui-in-the-place]

Bonsoir,

oui exactement ça. Je teste ça demain et je vous tiens au courant.
Merci,l'explication était claire, ça fait plaisir.