alex_lip
alex_lipFeb. 20, 2018, 3:10 a.m.

Разбить один 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 файл на несколько (по объектно) только для удобства просмотра.







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.

Do you like it? Share on social networks!

11
Evgenii Legotckoi
  • Feb. 20, 2018, 3:32 a.m.
  • The answer was marked as a solution.

Здесь есть один нюанс в именовании файлов. Если Вы что-то выделяете в отдельный файл и пытаетесь его импортировать, то это что-то считается Типом 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
    • Feb. 20, 2018, 4 a.m.

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

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

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


      alex_lip
      • Feb. 20, 2018, 4:02 a.m.

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

        Evgenii Legotckoi
        • Feb. 20, 2018, 4:07 a.m.

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

          alex_lip
          • Feb. 20, 2018, 5:01 a.m.

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

            Evgenii Legotckoi
            • Feb. 20, 2018, 5:07 a.m.

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

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

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

                Evgenii Legotckoi
                • Feb. 20, 2018, 7:46 a.m.

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

                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
                  • Feb. 20, 2018, 8 a.m.

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

                    Evgenii Legotckoi
                    • Feb. 20, 2018, 8:03 a.m.

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

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

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

                        Comments

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

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

                        • Result:50points,
                        • Rating points-4
                        m

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

                        • Result:80points,
                        • Rating points4
                        m

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

                        • Result:20points,
                        • Rating points-10
                        Last comments
                        Evgenii Legotckoi
                        Evgenii LegotckoiNov. 1, 2024, 12:37 a.m.
                        Django - Lesson 064. How to write a Python Markdown extension Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
                        A
                        ALO1ZEOct. 19, 2024, 6:19 p.m.
                        Fb3 file reader on Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
                        ИМ
                        Игорь МаксимовOct. 5, 2024, 5:51 p.m.
                        Django - Lesson 064. How to write a Python Markdown extension Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
                        d
                        dblas5July 5, 2024, 9:02 p.m.
                        QML - Lesson 016. SQLite database and the working with it in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                        k
                        kmssrFeb. 9, 2024, 5:43 a.m.
                        Qt Linux - Lesson 001. Autorun Qt application under Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
                        Now discuss on the forum
                        m
                        moogoNov. 22, 2024, 6:17 p.m.
                        Mosquito Spray System Effective Mosquito Systems for Backyard | Eco-Friendly Misting Control Device & Repellent Spray - Moogo ; Upgrade your backyard with our mosquito-repellent device! Our misters conce…
                        Evgenii Legotckoi
                        Evgenii LegotckoiJune 25, 2024, 1:11 a.m.
                        добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
                        t
                        tonypeachey1Nov. 15, 2024, 5:04 p.m.
                        google domain [url=https://google.com/]domain[/url] domain [http://www.example.com link title]
                        NSProject
                        NSProjectJune 4, 2022, 1:49 p.m.
                        Всё ещё разбираюсь с кешем. В следствии прочтения данной статьи. Я принял для себя решение сделать кеширование свойств менеджера модели LikeDislike. И так как установка evileg_core для меня не была возможна, ибо он писался…

                        Follow us in social networks