Oct. 9, 2019, 4:39 a.m.

Как в QML в ComboBox сделать выпадающий список по ширине текста

ComboBox

Добрый день.
Как в QML в ComboBox сделать выпадающий список по ширине самого длинного текста?

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.
6

Добрый день!

У ComboBox в Quick Controls 2 есть свойство delegate для выпадающенго меню. Нужно в нём настраивать ширину. Я думаю, что можно пройтись по всей модели, найти наиболее длинный текст, подсчитать необходимую ширину и задать эту ширину для делегата.

t

Как пройтись по модели? Я не нашёл как это сделать? Получается нужно скрипт писать? В Qt Widgets есть свойств несколько для выравнивания ширины по макс значению, здесь ничего такого нет? Тем более, что делегат кроме текста может быть чем угодно. Нужно его видимо ещё правильно написать, чтобы выпадающий список автоматом расширился?

Нашел такого делегата, но у него почему текст не виден, и не могу понять как задать цвет текста.
Помогите пожалуйста настроить этот делегат

            delegate: ItemDelegate {
             //width: comboBoxProfilOptions.width
             text: text
             //text: control.textRole ? (Array.isArray(comboBoxProfilOptions.model) ? modelData[comboBoxProfilOptions.textRole] : model[comboBoxProfilOptions.textRole]) : modelData
             font.weight: comboBoxProfilOptions.currentIndex === index ? Font.DemiBold : Font.Normal
             font.family: comboBoxProfilOptions.font.family
             font.pointSize: comboBoxProfilOptions.font.pointSize
             highlighted: comboBoxProfilOptions.highlightedIndex === index
             hoverEnabled: comboBoxProfilOptions.hoverEnabled
            }

Да. Делегат можно написать как угодно, там и изображения могут быть и чёрт знает что.

У ComboBox есть свойство model. Нужно обратиться к нему и через индекс пройтись по всем элементам, выбирая текст, или что-то там ещё у вас может быть, подсчитать предполагаемую максимальную длину, а потом задать ширину в делегате.
Это как я себе это представляю.

Прямо сейчас не могу это проверить или накидать пример, на данный момент на работе занят своими задачами.

Сделал так, но теперь не меняется CurrentIndex

            delegate: ItemDelegate {
                width: comboBoxProfilOptions.width
                height: 25
                highlighted: comboBoxProfilOptions.highlightedIndex === index
                hoverEnabled: comboBoxProfilOptions.hoverEnabled
                onClicked: {
                    comboBoxProfilOptions.currentIndex = index
                    comboBoxProfilOptions.t = text1
                    console.log("index:" + index)
                    console.log("text:" + text)
                }
                Rectangle{
                    anchors.fill: parent
                    border.width: 1
                    border.color: "black"
                    color: "#00000000"
                }

                Label{
                    x: 3
                    anchors.verticalCenter: parent.verticalCenter
                    width: parent.width
                    text: text1
                    font.pixelSize: comboBoxProfilOptions.font.pixelSize
                    //color: "red"
                }
            }

Comments

Only authorized users can post comments.
Please, Log in or Sign up
Donate

Hello, Dear Users of EVILEG!!!

If the site helped you, then support the development of the site financially, please.

You can do it by following ways:

Thank you, Evgenii Legotckoi

SF
Jan. 27, 2020, 5:10 a.m.
Sergei Filin

C++ - Test 001. The first program and data types

  • Result:73points,
  • Rating points1
BM
Jan. 25, 2020, 1:16 p.m.
Bekzod Muminov

C++ - Test 001. The first program and data types

  • Result:53points,
  • Rating points-4
BM
Jan. 25, 2020, 1:04 p.m.
Bekzod Muminov

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:20points,
  • Rating points-10
Last comments
m
Jan. 27, 2020, 9:53 a.m.
michaeldevp

Единственная проблема состоит в том, что для выделения QCheckBox приходится дважны нажимать мышь. Получается что сначала выделяется ячейка. а только потом фокус уже попадает на виджет. …
Jan. 27, 2020, 1:01 a.m.
Ruslan Polupan

Да так, посмотрел библиотеку попробовал примеры...
s
Jan. 26, 2020, 2:51 p.m.
shame

Чего не webassembly?
Jan. 21, 2020, 2:12 p.m.
Docent

Полезная статья. Как всегда - то что надо. Добавлю ещё маленькую полезность - после установки tracer (88 строка) и перед выводом значений в lineEdit (91 строка) стоит добавить updatePositio…
Jan. 17, 2020, 2:31 a.m.
Andrej Jankovich

Выглядит как ошибка библиотеки. Расскажите подробно на какой платформе вы собираете проект (MinGW или MSVC) их версии и версии Qt.
Now discuss on the forum
Jan. 27, 2020, 3:17 a.m.
Il'ja Chichak

а почему бы не сделать одну модель, например Attachement со всеми этими полями, и в зависимости от действия пользователя, например, "добавить документ", "добавить картинку" и т.д. класть все это…
E
Jan. 26, 2020, 11:42 a.m.
Edi

Другого способа, как получать перезагруженный контент через JavaScript на странице, я не знаю. Получилось сделать без QWebEngineView, с помощью QWebEnginePage, runJavaScrip…
E
Jan. 26, 2020, 11:14 a.m.
Edi

Да, я не понял до конца того, как это работает, мало опыта работы с qt и QVAriant ни разу не использовал. Спасибо за помощь)
VZ
Jan. 26, 2020, 4:11 a.m.
Vladimir Zhitkovsky

Да, спасибо порешалось таким образом: удаление одного for(int i = 0; i < lstData.count(); ++i){ auto *data= dynamic_cast<Data*>(lstData[i]); if(data) { if(…
Jan. 14, 2020, 9:04 a.m.
Ruslan Volshebnik

Проблема осталась. Но я выснил, что это происходит когда файл достигает максимального размера.
EVILEG
About
Services
© EVILEG 2015-2019
Recommend hosting TIMEWEB