alex_lip
alex_lip20 февраля 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:00

    Спасибо получилось. Только чтобы вызвать диалог надо ему 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:00

                  а почему 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

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

                        Комментарии

                        Только авторизованные пользователи могут публиковать комментарии.
                        Пожалуйста, авторизуйтесь или зарегистрируйтесь
                        d
                        • dsfs
                        • 26 апреля 2024 г. 4:56

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

                        • Результат:80баллов,
                        • Очки рейтинга4
                        d
                        • dsfs
                        • 26 апреля 2024 г. 4:45

                        C++ - Тест 002. Константы

                        • Результат:50баллов,
                        • Очки рейтинга-4
                        d
                        • dsfs
                        • 26 апреля 2024 г. 4:35

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

                        • Результат:73баллов,
                        • Очки рейтинга1
                        Последние комментарии
                        k
                        kmssr8 февраля 2024 г. 18:43
                        Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
                        АК
                        Анатолий Кононенко5 февраля 2024 г. 1:50
                        Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
                        EVA
                        EVA25 декабря 2023 г. 10:30
                        Boost - статическая линковка в CMake проекте под Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
                        J
                        JonnyJo25 декабря 2023 г. 8:38
                        Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
                        G
                        Gvozdik18 декабря 2023 г. 21:01
                        Qt/C++ - Урок 056. Подключение библиотеки Boost в Qt для компиляторов MinGW и MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
                        Сейчас обсуждают на форуме
                        PS
                        Peter Son3 мая 2024 г. 17:57
                        Best Indian Food Restaurant In Cincinnati OH Ready to embark on a gastronomic journey like no other? Join us at App india restaurant and discover why we're renowned as the Best Indian Food Restaurant In Cincinnati OH . Whether y…
                        Evgenii Legotckoi
                        Evgenii Legotckoi2 мая 2024 г. 14:07
                        Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Добрый день. По моему мнению - да, но то, что будет касаться вызовов к функционалу Андроида, может создать огромные трудности.
                        IscanderChe
                        IscanderChe30 апреля 2024 г. 4:22
                        Во Flask рендер шаблона не передаётся в браузер Доброе утро! Имеется вот такой шаблон: <!doctype html><html> <head> <title>{{ title }}</title> <link rel="stylesheet" href="{{ url_…
                        G
                        Gar22 апреля 2024 г. 5:46
                        Clipboard Как скопировать окно целиком в clipb?
                        Павел Дорофеев
                        Павел Дорофеев14 апреля 2024 г. 2:35
                        QTableWidget с 2 заголовками Вот тут есть кастомный QTableView с многорядностью проект поддерживается, обращайтесь

                        Следите за нами в социальных сетях