Componentes do Ubuntu - Problema no Picker

Question

Ao tentar criar dois separadores no Ubuntu dentro de um diálogo, os rótulos dentro só podem ser lidos corretamente quando não são escolhidos e se sobrepõem à esquerda quando escolhidos, como visto na imagem:

Ocódigodacaixadediálogo:

importQtQuick2.0importUbuntu.Components1.1importUbuntu.Components.Pickers1.0importUbuntu.Components.Popups1.0Component{id:dialogComponentDialog{id:dialogobjectName:"dialog"

        HospitalsModel {
            id: hospitalsModel
            objectName: "hospitals_model"
        }

        PrimaryCenterModel {
            id: primaryCenterModel
            objectName: "primaryCenter_model"
        }

        title: i18n.tr("Configuration")
        text: i18n.tr("Please, choose your hospital and primary center")

        Picker {
            id: hospitalPicker
            objectName: "hospitalPicker"

            model: hospitalsModel
            delegate: PickerDelegate {
                Label {
                    fontSize: "x-small"
                    text: name
                }
            }
        }

        Picker {
            id: primaryCenterPicker
            objectName: "primaryCenterPicker"

            model: primaryCenterModel
            delegate: PickerDelegate {
                Label {
                    fontSize: "x-small"
                    text: name
                }
            }
        }

        Button {
            id: okBtn
            objectName: "okBtn"

            text: i18n.tr("OK")
            onClicked: PopupUtils.close(dialog)
        }
    }
}

O modelo de hospitais:

import QtQuick 2.0

ListModel {
    ListElement {
        name: "Hospital El Bierzo"
        url: "http://www.saludcastillayleon.es/HBierzoPonferrada/es"
    }

    ListElement {
        name: "Hospital Serranía Ronda"
        url: "http://www.malagasalud.es/hospitales-publicos-en-malaga/hospital-serrania-ronda-area-sanitaria-serrania-malaga,112.html"
    }
}

O modelo do centro principal:

import QtQuick 2.0

ListModel {
    ListElement {
        name: "Centro de Salud 2, Pico Tuerto"
        url: "http://www.jcyl.es/web/jcyl/Portada/es/Plantilla100Directorio/1248366924958/0/1142233519857/DirectorioPadre"
    }

    ListElement {
        name: "Centro de Salud Ronda-Sur, Santa Bárbara"
        url: "http://www.juntadeandalucia.es/servicioandaluzdesalud/centros/detalle.asp?IdCentro=24967"
    }
}

Existe uma maneira de corrigir esse problema para que os rótulos escolhidos sejam legíveis?

    

Answer 1

Isso não tem nada a ver com o Dialog, você teria o mesmo problema, não importando onde e em que contexto é usado.

Do código, vejo que você está usando um selecionador circular, que usa um PathView para visualizar o modelo. PathView estende os delegados com base na quantidade de dados no modelo, assim, o comportamento que você vê. Tente definir circular para false, tenho certeza que o visual estará ok então.