QML屬性爲空

Question

我想在可重用的QML組件中使用默認值定義一個屬性。這裏是我的代碼迄今：

property alias value: progressBar.value 
property bool error: false 
property ProgressBarStyle errorStyle: ProgressBarStyle { 
    background: Rectangle { 
     radius: 2 
     color: "lightgray" 
     border.color: "gray" 
     border.width: 1 
     implicitWidth: 200 
     implicitHeight: 24 
    } 
    progress: Rectangle { 
     color: "orangered" 
     border.color: "red" 
    } 
} 

Layout.fillWidth: true 

ProgressBar { 
    id: progressBar 
    Layout.fillWidth: true 
    minimumValue: 0.0 
    maximumValue: 100.0 
    style: errorStyle 
} 

這樣的想法是errorStyle構造並設置爲progressBar的style。我知道errorStyle的作品，因爲如果我直接在progressBar上設置它的作品。從我可以告訴，當我運行我的程序時，問題是errorStyle是null。

UPDATE：

也許說明這個問題的一個更好的方法是：'PropertyChanges不支持創建狀態特定對象的「我如何繞過錯誤消息，如果我直接的PropertyChanges陣列中創建的風格，我得到

更新2：

我「已經基本放棄了這一做法，並決定嘗試使用造型來代替。這導致了另一個問題：Cannot create certain QML types in a singleton

Answer 1

你可以嘗試用id聲明它，並使用id。所以不要聲明它作爲一個屬性，但就像一個組件。就像這樣：

ProgressBarStyle { 
    id: errorStyle 
    background: Rectangle { 
     radius: 2 
     color: "lightgray" 
     border.color: "gray" 
     border.width: 1 
     implicitWidth: 200 
     implicitHeight: 24 
    } 
    progress: Rectangle { 
     color: "orangered" 
     border.color: "red" 
    } 
} 

ProgressBar { 
    id: progressBar 
    Layout.fillWidth: true 
    minimumValue: 0.0 
    maximumValue: 100.0 
    style: errorStyle 
} 

，但我會採取的方法將是使屬性的顏色和BORDERCOLOR和改變風格的矩形顏色，而不是徹底改變了風格。

像這樣：

property Color barColor 
property Color barBorderColor 
property Color progressColor 
property Color progressBorderColor 

ProgressBar { 
    id: progressBar 
    Layout.fillWidth: true 
    minimumValue: 0.0 
    maximumValue: 100.0 
    style: ProgressBarStyle { 
     background: Rectangle { 
      radius: 2 
      color: barColor 
      border.color: barBorderColor 
      border.width: 1 
      implicitWidth: 200 
      implicitHeight: 24 
     } 
     progress: Rectangle { 
      color: progressColor 
      border.color: progressBorderColor 
     } 
    } 
}