Làm thế nào để sử dụng lại mã tại QML

Question

Tôi có đoạn mã này QML:

Column { 
     spacing: units.gu(2) 
     anchors { 
      fill: parent 
      centerIn: parent 
     } 
     Row { 
      spacing: units.gu(4) 
      ... 
     } 
     Row { 
      spacing: units.gu(4) 
      ... 
     } 
     Row { 
      spacing: units.gu(4) 
      ... 
     } 
     Row { 
      spacing: units.gu(4) 
      ... 
     } 
    } 

Về thực hành tốt nhất của lập trình QML, làm thế nào để sử dụng lại mã để tránh trùng lặp thuộc tính của các nguyên tố phổ biến? như trong ví dụ trên, tránh Hàng "khoảng cách: đơn vị.gu (4)".

Answer 1

Đặt mã của bạn vào tệp qml riêng biệt và sử dụng tên tệp đó làm phần tử. ví dụ.

// tập tin MyCustomRow.qml

Row { 
     spacing: units.gu(4) 
     ... 
    } 

Sau đó, trong tập tin QML khác của bạn:

Column { 
     spacing: units.gu(2) 
     anchors { 
      fill: parent 
      centerIn: parent 
     } 
     MyCustomRow{ 

     } 
     MyCustomRow{ 

     } 
     MyCustomRow{ 

     } 
     MyCustomRow{ 

     } 
    } 

Infact bạn có thể sử dụng một repeater:

Column 
{ 
      spacing: units.gu(2) 
      anchors 
      { 
       fill: parent 
       centerIn: parent 
      } 

      Repeater 
      { 
       model : 5 
       MyCustomRow 
       { 

       } 
      } 
} 

---

Chỉnh sửa:

Đối với làm việc đó trong một file duy nhất (như yêu cầu trong các bình luận), bạn có thể sử dụng QML Component yếu tố cùng với Loader phần tử:

Column { 
     spacing: units.gu(2) 
     anchors { 
      fill: parent 
      centerIn: parent 
     } 


     Component 
     { 
     id : myCustomRow 
     Row 
     { 
      spacing: units.gu(4) 
      ... 
     } 
     } 

     Loader { 
     sourceComponent : myCustomRow 

     } 
     Loader { 
     sourceComponent : myCustomRow 

     } 
     Loader { 
     sourceComponent : myCustomRow 

     } 
     Loader { 
     sourceComponent : myCustomRow 

     } 
    }