QML ListView Fokus auf das erste Element außer Header Delegat

Question

Ich verwende QML ScrollView und ListView. ListView besteht aus headerDelegate und delegate:

ScrollView { 
    id: scrollView 
    Layout.fillWidth: true 
    Layout.fillHeight: true 
    width: parent.width 
    height: parent.height 
    ListView{ 
     id: listView 
     width: parent.width 
     height: parent.height 
     spacing: 10 
     header: headerDelegate 
     anchors.fill: parent 
     property bool isFolded: false 
     model: MyModel 
     delegate: mainDelegate 
    } 
} 

Jedesmal ListView nach oben gescrollt wird der erste mainDelegate statt headerDelegate gezeigt, die verborgen bleibt. Wie kann ich erzwingen, dass die Bildlauffunktion headerDelegate korrekt anzeigt?

Answer 1

Das Problem hier ist, dass ScrollView Kind, bevor es contentY, um gleich 0 aber ListView Positionen das erste Element des Modells bei contentY = 0 und platziert Kopf Element erwartet. Wenn ListView.header50px hoch ist, wird es unter ListView.contentY = -50 positioniert.

Die Lösung, die für mich arbeitete, war ListView.contentYChanged() Signal zu emittieren. Es verursacht ScrollView zu aktualisieren. Lassen Sie mich wissen, ob dies Ihr Problem löst.

ScrollView { 
    id: scrollView 
    Layout.fillWidth: true 
    Layout.fillHeight: true 
    width: parent.width 
    height: parent.height 
    ListView{ 
     id: listView 
     width: parent.width 
     height: parent.height 
     spacing: 10 
     header: headerDelegate 
     anchors.fill: parent 
     property bool isFolded: false 
     model: listModel 
     delegate: mainDelegate 
     onContentYChanged: console.log(contentY) 
     Component.onCompleted: { 
      contentYChanged() 
     } 
    } 
} 

Answer 2

Ich habe listView.contentY manuell geändert. Nach dem Laden des Headers (ich habe ein Event) habe ich listView.contentY = 0 - headerDelegateView.height gesetzt und es funktioniert. @Filip Hazubski danke für die gute Lösung!

Beispielcode

Rectangle 
{ 
id: headerDelegateView 
WebEngineView{ 
... 
onLoadingChanged: { 
if (loadRequest.status === WebEngineView.LoadSucceededStatus) { 
... // here I calculate web page height by java script and set to headerDelegateView.height 
listView.contentY = 0 - headerDelegateView.height 
} 
ScrollView { 
... 
ListView{ 
    id: listView 
    ... 
    } 
} 
}