Wie kann ich eine Liste in einer Symbolleiste in QML erweitern, wenn der Benutzer auf den Titel der Datei tippt?

Question

Ich möchte die Expansion Aktion in der ToolBar ausführen, wenn der Benutzer auf den Titel davon tippt, wie in den Bildern, die ich anhefte.

Wenn der Benutzer den Titel der Symbolleiste berührt, sollten Sie eine Liste der Filter sehen, die Sie anwenden können.

Sie haben Ideen, wie Sie diese Aktion in QML implementieren können?

Answer 1

Ziemlich einfach. Kopieren Sie die folgenden in der QML web editor:

import QtQuick 2.0 

Column { 
    width: 500 

    Rectangle { 
     id: toolbar 
     width: parent.width 
     height: 50 
     Text { 
      text: "Elenco" 
      anchors.centerIn: parent 
      font.pointSize: 24; font.bold: true 
     } 
     MouseArea { 
      anchors.fill: parent 
      onClicked: listBox.visible = !listBox.visible 
     } 
    } 
    Rectangle { 
     id: listBox 
     color: "gray" 
     width: parent.width 
     visible: false 
     height: 200 
     Column { 
      width: parent.width 

      Repeater { 
       model: 4 
       delegate: 
        Rectangle { 
         width: parent.width 
         color: index % 2 ? "#C9D6DE" : "#E7F6FF" 
         height: 50 
         Text { anchors.centerIn: parent; text: "Persona " + (index + 1) } 
        } 
      } 
     } 
    } 
}