使用自定義ComboBoxStyle將標籤居中在ComboBox元素中

Question

我正在使用QtQuick.Controls 1.0和QtQuick.Controls.Styles 1.0，我無法找到正確對齊垂直和右側ComboBox標籤的方法。

這是我當前的代碼

import QtQuick 2.0 
import QtQuick.Controls 1.0 
import QtQuick.Controls.Styles 1.0 


ComboBox { 
    id: comboCategories 
    width: 230 
    height: 30 

    style: ComboBoxStyle { 
    background: Rectangle { 
     id: rectCategory 
     width: comboCategories.width 
     height: comboCategories.height 
     color: "white" 
    } 

    label: Text { 
     anchors.verticalCenter: parent.verticalCenter 
     anchors.right: background.right 
     font.pointSize: 12 
     color: "#808080" 
     text: control.currentText 
    } 
    } 
} 

但標籤留在我的元素的左上方似乎並沒有被錨的影響。我也試圖與任何效果與control或background更換parent

Answer 1

我並不確切地知道背後的原因這一點，但如果我換我Text元素在Item然後我就可以正常

import QtQuick 2.0 
import QtQuick.Controls 1.0 
import QtQuick.Controls.Styles 1.0 

ComboBox { 
    id: comboCategories 
    width: 230 
    height: 30 

    style: ComboBoxStyle { 
    background: Rectangle { 
     id: rectCategory 
     width: comboCategories.width 
     height: comboCategories.height 
     color: "white" 
    } 

    label: Item { 
     anchors.fill: parent 
     Text { 
     anchors.verticalCenter: parent.verticalCenter 
     anchors.right: parent.right 
     anchors.rightMargin: 5 
     font.pointSize: 12 
     color: "#808080" 
     text: control.currentText 
     } 
    } 
}