QML不能在菜單

Question

創建子菜單我試圖創建一個菜單

import QtQuick 2.0 
import QtQuick.Controls 2.2 

... 

Menu { 
     id: menu 
     title: "mainMenu" 
     MenuItem { 
     text: "menuItem1" 
     } 
     MenuItem { 
     text: "menuItem2" 
     } 
     Menu { 
      title: "contextMenu" 
      MenuItem { 
       text: "item1" 
      } 
      MenuItem { 
       text: "item2" 
      } 
     } 
} 

但是，當我試圖menu.open()沒有contextMenu 請在下面找到截圖。

我該如何解決這個問題？

Answer 1

也許你打算使用QtQuick.Controls 1.x其中支持這些子菜單。

在QtQuick.Controls 2.2 - 你正在使用的版本 - 從PopupMenu繼承，因此行爲像這樣的 - 這意味着，它們默認是關閉的，你需要將它們設置visible或open()他們。

另一方面，MenuItem爲AbstractButton，它們已預先配置，點擊時關閉Popup。如果你想使用QtQuick.Controls 2.x風格的Menu你可以定義你自己的子類型SubMenu這是一個按鈕，不會關閉父Popup，但打開第二個菜單，或點擊時插入右手MenuItem（手風琴風格） 。

正確的實施取決於您的要求，但不應該太具有挑戰性。隨意問，如果你需要更多的幫助。

Answer 2

也許你可以使用按鈕，而不是菜單項，並調整按鈕自己的背景，總結起來

Item { 
    id: root 
    width: 500 
    height: 500 

    MouseArea { 
     id: mouse 
     anchors.fill: parent 

     onClicked: { 
      rootMenu.open() 
     } 
    } 

    Menu { 
     id: rootMenu 
     title: "rootMenu" 

     Button { 
      text: "menuItem1" 
      onClicked: { 
       console.log("choose A") 
       rootMenu.close() 
      } 
     } 

     Button { 
      text: "menuItem2" 
      onClicked: { 
       console.log("choose B") 
       rootMenu.close() 
      } 
     } 

     Button { 
      id: menu_c 
      text: "menuItem3" 
      onClicked: secondMenu.open() 
     } 
    } 
    Menu { 
     id: secondMenu 
     x: rootMenu.width 
     y: menu_c.y 
     MenuItem { 
      text: "item1" 
      onTriggered: { 
       console.log("item1") 
       rootMenu.close(); 
      } 
     } 
     MenuItem { 
      text: "item2" 
      onTriggered: { 
       console.log("item2") 
       rootMenu.close(); 
      } 
     } 
    } 
} 

Answer 3

Qt Quick Controls 2.3 (Qt 5.10)增加了對nested menus和cascading sub-menus支持。