怎样自定义Combobox

beidaochuan

请问怎样实现带背景图片combobox？

beidaochuan

1. import QtQuick 2.3
   
2. import QtQuick.Controls 1.3
   
3. import QtQuick.Controls.Styles 1.3
   
4. 
   
5. Item {
   
6.     id: root
   
7.     width: 200
   
8.     height: 50
   
9. 
   
10.     property alias comboBoxModel: combx.model
    
11.     property alias comboBoxStyleBackground: m_comboBoxStyle
    
12.     property alias dropDownMenuStyleframe: m_dropDownMenuStyleFrame
    
13.     signal indexChanged()
    
14.     property alias currentIndex: combx.currentIndex
    
15.     property alias currentText: combx.currentText
    
16. 
    
17.     Rectangle {
    
18.         id: m_dropDownMenuStyleFrame
    
19.     }
    
20. 
    
21.     Rectangle {
    
22.         id: m_comboBoxStyle
    
23.     }
    
24. 
    
25.     ComboBox {
    
26.         id: combx
    
27.         model: ListModel {
    
28.             id: cbItems
    
29.             ListElement { }
    
30.             ListElement { }
    
31.             ListElement { }
    
32.             ListElement { }
    
33.         }
    
34.         width: 200
    
35.         height: 50
    
36.         style: ComboBoxStyle {
    
37.             id: comboBoxStyle
    
38.             background: m_comboBoxStyle
    
39.             label: Text {
    
40.                 color: "black"
    
41.                 width: 200
    
42.                 height: 50
    
43.                 text: control.currentText
    
44.             }
    
45. 
    
46.             __dropDownStyle: MenuStyle {
    
47.                 id: dropDownMenuStyle
    
48.                 frame: dropDownMenuStyleFrame
    
49.                 itemDelegate.label: Text {
    
50.                     width:200
    
51.                     height: 50
    
52.                     color: styleData.selected ? "blue" : "black"
    
53.                     text: styleData.text
    
54.                 }
    
55. 
    
56.                 itemDelegate.background: Rectangle {
    
57.                     z: 1
    
58.                     opacity: 0.5
    
59.                     color: styleData.selected ? "darkGray" : "transparent"
    
60.                 }
    
61.             }
    
62.         }
    
63.         onCurrentIndexChanged: {
    
64.             root.indexChanged()
    
65.         }
    
66.     }
    
67. }
    

复制代码

beidaochuan

请问
在其他.qml中使用以上代码的时候，
给dropDownMenuStyleframe赋值时会出现
Invalid property assignment: "dropDownMenuStyleframe" is a read-only property
为什么，怎么解决呢