QtQuick2 ComboBox with sections

Question

ListView（Example of sectioned ListView）のようなComboBoxで同じセクション機能を使いたいと思います。

しかし、私はこのようなものはComboBoxで見つけることができません。

これも可能ですか？

Answer 1

ComboBoxにListViewと同じセクション機能を使用するには、ComboBoxにListViewを含めるだけです。 https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-combobox

あなたのケースでは、あなたが有効になってセクションでListViewを含めるようにpopupプロパティをカスタマイズする必要があります。

現在地ComboBoxのための一例であり、すべてのQtクイック2を制御し、基本的にカスタマイズすることができます。

私は例を書いた：

ComboBox { 
    id: control 
    width: 200 
    model : ["Albert Dupontel","Antoine Griezmann","Peter Sagan","Rodney Mullen","Serena Williams"] 
    popup: Popup { 
     y: control.height 
     width: control.width 
     implicitHeight: Math.min(contentItem.implicitHeight, 300) 
     padding: 0 

     contentItem: ListView { 
      clip: true 
      implicitHeight: contentHeight 
      model: control.popup.visible ? control.delegateModel : null 
      currentIndex: control.highlightedIndex 
      section.property: "modelData" 
      section.criteria: ViewSection.FirstCharacter 
      section.delegate: Label { 
       x: 10 
       text: section 
      } 

      ScrollIndicator.vertical: ScrollIndicator { } 
     } 
    } 
} 

それはそのようにレンダリング：