ГА
Sept. 22, 2016, 1:20 a.m.

QML ListModel и кнопки

ListModel, QML

Доброго времени суток господа!
столкнулся с такой проблемой разбирая пример Динамическое создание и удаление элементов

Модифицировал чуть код (не без помощи автора)

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
 
    /* Номер создаваемой кнопки, для её визуальной идентификации
     * при демонстрации проекта
     */
    property int number: 0
 
    /* Строка с полем, где отображается индекс нажатой динамической кнопки,
     * кнопкой для создания динамических кнопок,
     * и кнопкой для удаления динамических кнопок по индексу
     * */
    Row {
        id: row
        // Задаём размеры строки и прибиваем к верхней части окна приложения
        height: 50
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
 
        // Задаём размещение поля с индексом кнопки
        Rectangle {
            width: (parent.width / 5)
            height: 50
 
            // Устанавливаем текстовое поле для размещения индекса кнопки
            Text {
                id: textIndex
                anchors.fill: parent
                text: ""
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter
            }
        }
 
        // Кнопка для создания динамических кнопок
        Button {
            id: button1
            text: qsTr("Create Button")
            width: (parent.width / 5)
            height: 50
 
            /* По клику по кнопке добавляем в model ListView
             * объект, с заданными параметрами
             * */
            onClicked: {
                listModel.append({idshnik: "Button " + (++number),che: false})
 
            }
        }
 
        // Кнопка для удаления динамических кнопок
        Button {
            id: button2
            text: qsTr("Delete Button")
            width: (parent.width / 5)
            height: 50
 
            // Удаляем кнопку по её индексу в ListView
            onClicked: {
               // if(textIndex.text != ""){
                    listModel.remove(textIndex.text)
                    textIndex.text = "" // Обнуляем текстовое поле с индексом
                    number--
               // }
            }
        }
        Button {
            id: button3
            text: qsTr("Checked all")
            width: (parent.width / 5)
            height: 50
            checkable: true
 
            // Выделяем все созданные кнопки
            onCheckedChanged: {
                if(checked===true){
                    for(var i=0; i<listModel.count; i++){
                        listModel.setProperty(i,"che",true)
                    console.log(listModel.get(i).che)}
                }
                else
                {
                    for(var i=0; i<listModel.count; i++){
                         listModel.setProperty(i,"che",false)
                    console.log(listModel.get(i).che)}
                }
            }
        }
    }
 
    // ListView для представления данных в виде списка
    ListView {
        id: listView1
        // Размещаем его в оставшейся части окна приложения
        anchors.top: row.bottom
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.right: parent.right
 
        /* в данном свойстве задаём вёрстку одного объекта
         * который будем отображать в списке в качестве одного элемента списка
         * */
        delegate: Item {
            id: item
            anchors.left: parent.left
            anchors.right: parent.right
            height: 40
 
            // В данном элементе будет находиться одна кнопка
            Button {
                anchors.fill: parent
                anchors.margins: 5
 
                /* самое интересное в данном объекте
                 * задаём свойству text переменную, по имени которой будем задавать
                 * свойства элемента
                 * */
                checkable: true
                //checked: false
                checked: che
                text: idshnik
                onCheckedChanged:
                {  
                 textIndex.text = inde
                }
            }
 
        }
        // Сама модель, в которой будут содержаться все элементы
        model: ListModel {
            id: listModel // задаём ей id для обращения
        }
    }
}

При нажатии на кнопку button3 (Выделить все) созданные кнопки анимируются и все хорошо, но стоит после этого нажать на одну из созданных кнопок, то эта кнопка перестает реагировать на нажатие button3 (Выделить все)
Не пойму в чем дело ? Помогите товарищи.
Спасибо за внимание

0
The question is asked by the articleQML - Lesson 007. ListView. Dynamic creation and deletion of elements

Do you like it? Share on social networks!

4
MR
  • Sept. 22, 2016, 11:36 a.m.
  • The answer was marked as a solution.

После того, как мышкой кликается кнопка, значения checked на кнопке расходится со значением свойства “che” в модели, вообще сам binding свойства кнопки к свойству в модели отключается. Для обхода этого эффекта можно воспользоваться таким небольшим хаком:

delegate: Item {
            id: item
            anchors.left: parent.left
            anchors.right: parent.right
            height: 40
            //НОВОЕ СВОЙСТВО И МЕТОД
            property bool cheState: model.che</strong>
 
            onCheStateChanged:
            {
                btn.checked = cheState
            }
            
            Button {
                //КНОПКЕ НУЖНО ИМЯ
                id: checkableButtom
                anchors.fill: parent
                anchors.margins: 
                checkable: true
                //checked: false
                //УБРАНА ПРЯМАЯ ПРИВЯЗКА - ТЕПЕРЬ ЧЕРЕЗ МЕТОД ВЫШЕ
                //checked: che
                text: idshnik
                onCheckedChanged:
                {  
                 textIndex.text = inde
                }
            }

 

    MR
    • Sept. 22, 2016, 2:43 p.m.

    Ошибся в методе. Вот правильно:

    onCheStateChanged:
    {
        checkableButtom.checked = cheState
    }

     

      Большое спасибо за ответ. только руки дошли опробовать.
      Все работает. но рассинхрон все равно возникает.
      если выделить все кнопки при помощи button3, а потом начать по одиночке отжимать выделенные объекты, то при повторном нажатии на button3 выделяются объекты только на 2 раз …
        Скорее всего из-за того, что состояние checked у button3 в данном случае уже true, и поэтому все кнопки первый раз сбрасывают своё состояние в false, а потом уже на второй раз устанавливается состояние true.

          Comments

          Only authorized users can post comments.
          Please, Log in or Sign up
          • Last comments
          • AK
            April 1, 2025, 11:41 a.m.
            Добрый день. В данный момент работаю над проектом, где необходимо выводить звук из программы в определенное аудиоустройство (колонки, наушники, виртуальный кабель и т.д). Пишу на Qt5.12.12 поско…
          • Evgenii Legotckoi
            March 9, 2025, 9:02 p.m.
            К сожалению, я этого подсказать не могу, поскольку у меня нет необходимости в обходе блокировок и т.д. Поэтому я и не задавался решением этой проблемы. Ну выглядит так, что вам действитель…
          • VP
            March 9, 2025, 4:14 p.m.
            Здравствуйте! Я устанавливал Qt6 из исходников а также Qt Creator по отдельности. Все компоненты, связанные с разработкой для Android, установлены. Кроме одного... Когда пытаюсь скомпилиров…
          • ИМ
            Nov. 22, 2024, 9:51 p.m.
            Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
          • Evgenii Legotckoi
            Oct. 31, 2024, 11:37 p.m.
            Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup