[Débuter] ListView qui déborde sous les boutons en bas de liste [Résolu]

[dourouc05]

Dans mes premiers essais avec QML, je tente d'afficher une liste dynamique (en ce que l'utilisateur peut ajouter des entrées à l'exécution). C'est bien, mais pour ça j'ai besoin de mettre deux boutons en bas de liste pour qu'il puisse ajouter ces items. Grand malheur, la liste s'affiche par dessous (ce qui fait que les boutons cachent le footer, il n'est soudain plus si facile à lire).

La partie incriminée de mon code ressemble à ça :

Code qml :

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
import QtQuick 1.1
import com.nokia.meego 1.0
import "functions.js" as Belote
 
Rectangle {
    ListView {
        id: listView
        model: model
        delegate: listDelegate
        clip: true
        interactive: true
        anchors.fill: parent
        anchors.margins: 20
    }
 
    Row {
        id: btns
        spacing: 30
        anchors {
            left: parent.left
            bottom: add.bottom
            margins: 10
        }
 
        TextButton {
            text: "Remove all"
            onClicked: Belote.onClear()
        }
 
        TextButton {
            text: "Add"
            onClicked: Belote.onAdd()
        }
    }
}

(Pour le code complet, voir https://bitbucket.org/dourouc/qmlbel...elote/main.qml.)

Que puis-je faire ? Il me semble que je devrait chipoter du côté des ancres, mais je ne trouve pas de combinaison qui fonctionne.

[ness522]

il faut remplacer dans ListView:

Code :

anchors.fill: parent

par:

Code :

1
2
3
4
5
 
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: parent.top
        anchors.bottom: btns.top

Attention qu'il faut au préalable corriger le warning concernant le positionnement. Voir l'autre post.

[dourouc05]

(Voilà seulement que je peux m'y remettre .)

J'ai refait toute la structure, en repassant du bon côté de la force (ou presque) : repartir de la structure proposée par Qt Creator pour une application MeeGo, remplir les trous, ça marche bien mieux !

Voilà donc ce que donne le code, maintenant : https://bitbucket.org/dourouc/qmlbel...c/90f1b2c600fc. Je trouve ça déjà plus propre !