alex_lip
alex_lip20 лютого 2018 р. 03:10

Разбить один qml файл на несколько составляющих

Основная форма проекта на QML разрослась. Хочется объекты, которые я использую на форме разбить на отдельные qml файлы для удобства просмотра и отладки. Например
Диалог, который вызывается в форме я перенес в другой файл и назвал его send_chat.qml.

   Dialog {
                                    id: dialog_chat
                                    title: "Текст сообщения"
                                    contentItem: Rectangle {
                                        color: "ivory"
                                        border.color: "orange"
                                        implicitWidth: mydocPage.width
                                        implicitHeight: mydocPage.height/2
                                  }
               }
Все qml файлы лежат в папке content.В начале основного Qml файла поместил директиву
import "content"  
А что делать дальше? Как мне сказать в основном файле - загрузи send_chat.qml
пробовал

import "../content/send_chat.qml"
тоже не находит.

import "/content/send_chat.qml"
пишет import "/content/send_chat.qml" has no qmldir and no namespace

Хотя в файле меню использую лоадер для динамической загрузки - все грузится

            TextButton {
                id:doc_chat
                anchors.left: parent.left
                anchors.right: parent.right

                text: qsTr("Написать помощнику")
                smooth: false
                onClicked: {
                    loader.source = "/content/chat.qml"
                    drawer.close()
                }
            }
Но мне не нужна динамическая загрузка. Мне нужно разделить один qml файл на несколько (по объектно) только для удобства просмотра.







Рекомендуємо хостинг TIMEWEB
Рекомендуємо хостинг TIMEWEB
Стабільний хостинг, на якому розміщується соціальна мережа EVILEG. Для проектів на Django радимо VDS хостинг.

Вам це подобається? Поділіться в соціальних мережах!

11
Evgenii Legotckoi
  • 20 лютого 2018 р. 03:32
  • Відповідь була позначена як рішення.

Здесь есть один нюанс в именовании файлов. Если Вы что-то выделяете в отдельный файл и пытаетесь его импортировать, то это что-то считается Типом QML и файл должен именоваться с большой буквы и CamelCase стиле. То есть переименуйте следующим образом.


SendChatDialog.qml

И второй момент, импортирование файлов QML в данном случае производится в качестве всего каталога, то есть каталог будет пространство имён в данном случае.
импорт нужно делать так тогда
import "content/"
В результате это будет выглядеть так
import QtQuick 2.8
import QtQuick.Window 2.2

import "content/"

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    SendChatDialog {

    }
}
    alex_lip
    • 20 лютого 2018 р. 04:00

    Спасибо получилось. Только чтобы вызвать диалог надо ему id присвоить именно в основном файле.

    SendChatDialog {
      id: ttt_id
        }
    Тот id который существует в файле

    SendChatDialog.qml
    недоступен.


      alex_lip
      • 20 лютого 2018 р. 04:02

      не знаю как пометить что вопрос решён...

        Evgenii Legotckoi
        • 20 лютого 2018 р. 04:07

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

          alex_lip
          • 20 лютого 2018 р. 05:01

          галочка не видна. нажал наугад

            Evgenii Legotckoi
            • 20 лютого 2018 р. 05:07

            Странно, видимо у вас не обновились некоторые стили после моего последнего апдейта.

            Находясь на сайте нажмите последовательно следующие комбинации клавиш.
            ALT+R и ALT+F5
            Это должно будет обновить кешированные стили
              alex_lip
              • 20 лютого 2018 р. 07:32

              Теперь проблема вылезла - как передать данные из одного файла в другой. Раньше объекты видели друг друга. Теперь нет.

                Evgenii Legotckoi
                • 20 лютого 2018 р. 07:46

                Можно объявлять функции

                Item {
                    id: root
                    property int someVariable;
                
                    function setSomeVariable(variable)
                    {
                        root.someVariable = variable;
                    }
                }
                И вызывать их извне через id
                myItem.setSomeVariable(12);
                Или через алиасы, как сделано в этой статье для InfoBar .

                Вам нужно понимать, что каждый QML файл в рамках QML считается не частью какого-то скрипта как в JavaScript или PHP.
                Каждый QML файл является описанием типа QML, то есть это аналогично классу в C++, поэтому здесь нужно отталкиваться от ООП.
                  alex_lip
                  • 20 лютого 2018 р. 08:00

                  а почему myItem.set ..?  A не Item.set.. или root.set  ? Где Вы myItem объявили?

                    Evgenii Legotckoi
                    • 20 лютого 2018 р. 08:03

                    Да нигде... это просто пример, если объект имеет у вас какой-нибудь id. Обращаться же по id будете извне.

                    SendChatDialog {
                      id: ttt_id
                        }
                    И где нибудь в коде вызвать, где объявлен добавлен этот диалог
                    ttt_id.setSomeVariable(12);
                    Так понятней будет?
                      alex_lip
                      • 20 лютого 2018 р. 08:18

                      Да спасибо. Просто после необходимости специфичных названий для файла - стараюсь обращать внимание на любую мелочь.

                        Коментарі

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

                        C++ - Тест 004. Указатели, Массивы и Циклы

                        • Результат:90бали,
                        • Рейтинг балів8
                        МВ

                        Qt - Тест 001. Сигналы и слоты

                        • Результат:68бали,
                        • Рейтинг балів-1
                        ЛС

                        C++ - Тест 001. Первая программа и типы данных

                        • Результат:53бали,
                        • Рейтинг балів-4
                        Останні коментарі
                        A
                        ALO1ZE19 жовтня 2024 р. 08:19
                        Читалка файлів fb3 на Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
                        ИМ
                        Игорь Максимов05 жовтня 2024 р. 07:51
                        Django - Урок 064. Як написати розширення для Python Markdown Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
                        d
                        dblas505 липня 2024 р. 11:02
                        QML - Урок 016. База даних SQLite та робота з нею в QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                        k
                        kmssr08 лютого 2024 р. 18:43
                        Qt Linux - Урок 001. Автозапуск програми Qt під Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
                        АК
                        Анатолий Кононенко05 лютого 2024 р. 01:50
                        Qt WinAPI - Урок 007. Робота з ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
                        Тепер обговоріть на форумі
                        J
                        JacobFib17 жовтня 2024 р. 03:27
                        добавить qlineseries в функции Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты https://topdecorpro.ru…
                        ИМ
                        Игорь Максимов03 жовтня 2024 р. 04:05
                        Реализация навигации по разделам Спасибо Евгений!
                        JW
                        Jhon Wick01 жовтня 2024 р. 15:52
                        Indian Food Restaurant In Columbus OH| Layla’s Kitchen Indian Restaurant If you're looking for a truly authentic https://www.laylaskitchenrestaurantohio.com/ , Layla’s Kitchen Indian Restaurant is your go-to destination. Located at 6152 Cleveland Ave, Colu…
                        КГ
                        Кирилл Гусарев27 вересня 2024 р. 09:09
                        Не запускается программа на Qt: точка входа в процедуру не найдена в библиотеке DLL Написал программу на C++ Qt в Qt Creator, сбилдил Release с помощью MinGW 64-bit, бинарнику напихал dll-ки с помощью windeployqt.exe. При попытке запуска моей сбилженной программы выдаёт три оши…
                        F
                        Fynjy22 липня 2024 р. 04:15
                        при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …

                        Слідкуйте за нами в соціальних мережах