Qual è la differenza tra Row e RowLayout?

Question

Funziona come previsto con , ma non con RowLayout. Perché? Qual è la differenza tra i due?

ApplicationWindow {  
    title: "Testing" 
    width: 640 
    height: 480 

    //RowLayout { 
    Row {   
     anchors.fill: parent 

     Rectangle { 
      id: rect1 
      width: parent.width * 0.3 
      height: parent.height 
      color: "blue" 
     } 
     Rectangle { 
      height: parent.height 
      width: parent.width * 0.7 
      color: "red" 
     } 
    } 
} 

Answer 1

è un Item Positioner. Gli oggetti posizionatore sono elementi contenitore che gestiscono le posizioni degli elementi in un'interfaccia utente dichiarativa.

RowLayout è parte di Qt Quick Layouts. Gestiscono sia le posizioni che le dimensioni degli elementi su un'interfaccia utente dichiarativa e sono adatti per interfacce utente ridimensionabili.

il codice con RowLayout dovrebbe essere simile a questo:

RowLayout{ 
    anchors.fill: parent 
    spacing: 0 
    Rectangle{ 
     Layout.fillHeight: true 
     Layout.preferredWidth: parent.width * 0.3 
     color: "blue" 
    } 
    Rectangle{ 
     Layout.fillHeight: true 
     Layout.fillWidth: true 
     color: "red" 
    } 
}