alex_lip
alex_lipАқп. 20, 2018, 3: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, 3: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, 4 Т.Ж.

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

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

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


      alex_lip
      • Ақп. 20, 2018, 4:02 Т.Ж.

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

        Evgenii Legotckoi
        • Ақп. 20, 2018, 4:07 Т.Ж.

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

          alex_lip
          • Ақп. 20, 2018, 5:01 Т.Ж.

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

            Evgenii Legotckoi
            • Ақп. 20, 2018, 5:07 Т.Ж.

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

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

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

                Evgenii Legotckoi
                • Ақп. 20, 2018, 7: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, 8 Т.Ж.

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

                    Evgenii Legotckoi
                    • Ақп. 20, 2018, 8:03 Т.Ж.

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

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

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

                        Пікірлер

                        Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
                        Кіріңіз немесе Тіркеліңіз
                        Г

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

                        • Нәтиже:66ұпай,
                        • Бағалау ұпайлары-1
                        t

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

                        • Нәтиже:33ұпай,
                        • Бағалау ұпайлары-10
                        t

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

                        • Нәтиже:52ұпай,
                        • Бағалау ұпайлары-4
                        Соңғы пікірлер
                        G
                        GoattRockҚыр. 3, 2024, 1:50 Т.Қ.
                        Linux жүйесінде файлдарды қалай көшіруге болады Задумывались когда-нибудь о том, как мы привыкли доверять свои вещи службам грузоперевозок? Сейчас такие услуги стали неотъемлемой частью нашей жизни, особенно когда речь идет о переездах между …
                        d
                        dblas5Шілде 5, 2024, 11:02 Т.Ж.
                        QML - Сабақ 016. SQLite деректер қоры және онымен QML Qt-та жұмыс істеу Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                        k
                        kmssrАқп. 8, 2024, 6:43 Т.Қ.
                        Qt Linux - Сабақ 001. Linux астында Autorun Qt қолданбасы как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
                        АК
                        Анатолий КононенкоАқп. 5, 2024, 1:50 Т.Ж.
                        Qt WinAPI - Сабақ 007. Qt ішінде ICMP Ping арқылы жұмыс істеу Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
                        Енді форумда талқылаңыз
                        Evgenii Legotckoi
                        Evgenii LegotckoiМаусым 24, 2024, 3:11 Т.Қ.
                        добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
                        F
                        FynjyШілде 22, 2024, 4:15 Т.Ж.
                        при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …
                        BlinCT
                        BlinCTМаусым 25, 2024, 1 Т.Ж.
                        Нарисовать кривую в qml Всем привет. Имеется Лист листов с тосками, точки получаны интерполяцией Лагранжа. Вопрос, как этими точками нарисовать кривую? ChartView отпадает сразу, в qt6.7 появился новый элемент…
                        BlinCT
                        BlinCTМамыр 5, 2024, 5:46 Т.Ж.
                        Написать свой GraphsView Всем привет. В Qt есть давольно старый обьект дял работы с графиками ChartsView и есть в 6.7 новый но очень сырой и со слабым функционалом GraphsView. По этой причине я хочу написать х…
                        Evgenii Legotckoi
                        Evgenii LegotckoiМамыр 2, 2024, 2:07 Т.Қ.
                        Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Добрый день. По моему мнению - да, но то, что будет касаться вызовов к функционалу Андроида, может создать огромные трудности.

                        Бізді әлеуметтік желілерде бақылаңыз