BlinCT
May 6, 2016, 3:25 a.m.

Вынести обьект QML в отдельный файл

тип, qml, Qt, отдельный файл

Всем привет.
Подскажите, пожалуйста. Вот, например, описываем какой-то объект и набирается очень много строк. А кроме него еще куча, и надо как-то разделить.
Например в крестах просто nameclass; и все, оттуда мы получаем всё, что вынести, а вот как с QML? Я так понимаю что это не import как в случае класса из крестов передавать в QML слой.
например

Rectangle
    {
        id: menuRect
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
        height: dp(40)
        color: "#4cd964"
 
        // Иконка-Гамбургер
        Rectangle
        {
            anchors.top: parent.top
            anchors.bottom: parent.bottom
            anchors.left: parent.left
 
            width: dp(48)
            color: "#4cd964"
 
            Rectangle
            {
                anchors.top: parent.top
                anchors.topMargin: dp(16)
                anchors.left: parent.left
                anchors.leftMargin: dp(14)
                width: dp(20)
                height: dp(2)
            }
 
            Rectangle
            {
                anchors.top: parent.top
                anchors.topMargin: dp(23)
                anchors.left: parent.left
                anchors.leftMargin: dp(14)
                width: dp(20)
                height: dp(2)
            }
 
            Rectangle
            {
                anchors.top: parent.top
                anchors.topMargin: dp(30)
                anchors.left: parent.left
                anchors.leftMargin: dp(14)
                width: dp(20)
                height: dp(2)
            }
 
            MouseArea
            {
                anchors.fill: parent
 
                onClicked:
                {
                    
                }
            }
        }
}

 

0

Do you like it? Share on social networks!

10
Evgenii Legotckoi
  • May 6, 2016, 9:11 a.m.

Нужно создать отдельный QML файл, название которого будет начинаться с заглавной буквы (обязательно с заглавной), тогда в QML это будет считаться типом. Всё, что относится к иконке, вынести в этот файл. Допустим, он будет называться Burger.qml
После этого в файле main.qml добавить иконку следующим образом:

ApplicationWindow {
    id: application
    visible: true
    width: 640
    height: 480
 
    Burger {
        id: burger
        onMenuClicked: {
            // do something
        }
   }
}

 

    BlinCT
    • May 8, 2016, 1:44 a.m.

    Нужно создать отдельный QML файл

    Но, например, у обьекта прямоугольник с 4 по 6 строчки заданное местоположение или якоря.
    Получается, что мы создаем обьект типа “название файла”.qml и тут задаем якоря? Не в самом файле?
    Так как у меня именно так получается? Или есть какой то более правильный способ?

      BlinCT
      • May 8, 2016, 2:45 a.m.
      Еще странно, что я в проект добавил файл qml, который находится в другом каталоге, и назвал правильно с заглавной буквы.
      Но почему то main.qml не видит его. То есть, пишу название, а редактор подписывает что это неизвестный элемент.
        Evgenii Legotckoi
        • May 8, 2016, 3:31 p.m.

        Получается, что мы создаем обьект типа «название файла».qml и тут задаем якоря?

        В файле будет основное содержимое и якоря, относящиеся только к внутреннему расположению дочерних элементов данного объекта. Расположение объекта в main.qml нужно задавать якорями уже в самом файле main.qml.

        ApplicationWindow {
            id: application
            visible: true
            width: 640
            height: 480
         
            Burger {
                id: burger
                anchors.top: parent.top
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.bottom: parent.bottom
                onMenuClicked: {
                    // do something
                }
           }
        }

        Еще странно, что я в проект добавил файл qml, который находится в другом каталоге, и назвал правильно с заглавной буквы.

        А вот здесь уже рекомендую внимательно разобраться с путями к файлу. Особенно это касается QML файлов. Они же добавляются, как файлы ресурсов, и добавлять их нужно в qml.qrc. Так что их лучше расположить там же, где и main.qml находится. В целом странного в этом ничего нет, просто не совсем корректно был файл добавлен. Лучше попробовать создать для начала новый пустой файл в проекте и поработать с ним. А потом уже добавлять заполненный файл.

          BlinCT
          • May 8, 2016, 4:30 p.m.

          и добавлять их нужно в qml.qrc

          Да, я этот момент уже заметил. Но добавил пути туда в другой каталог как положено.
          Но вот и странно что создаю объект такого класса но он его не видит(
          Наверное я где то чет упустил.

            BlinCT
            • May 8, 2016, 4:53 p.m.

            и добавлять их нужно в qml.qrc

            То есть например в каталоге Content есть файл file.qml
            И в qml.qrc указан путь Content/file.qml
            Вроде как все правильно.

              Evgenii Legotckoi
              • May 8, 2016, 5:42 p.m.

              И в qml.qrc указан путь Content/file.qml

              Префиксы к файлам прописаны? или префикс просто “/”.
              Смотреть нужно, что там с префиксами и алиасами. Если префикс “/”, то может и без алиаса быть указано.
              Как вариант, создать тогда файл с нужным названием и потом копировать туда содержимое. Чтобы разобраться, какой момент упущен.

                BlinCT
                • May 8, 2016, 7:20 p.m.

                Префиксы к файлам прописаны? или префикс просто «/».

                Да, префик в qml.qrc указан “/”.
                Прикрепил скрин маленький. Вроде все как и должно быть.

                  iG
                  • May 8, 2016, 7:49 p.m.
                  • The answer was marked as a solution.
                  import QtQuick 2.6
                  import QtQuick.Window 2.2
                  import "Content"
                  Window {
                      visible: true
                      CircleTimerContent{
                   
                      }
                  }

                   

                    BlinCT
                    • May 8, 2016, 8:01 p.m.

                    import “Content”

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

                      Comments

                      Only authorized users can post comments.
                      Please, Log in or Sign up
                      • Last comments
                      • 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
                      • A
                        Oct. 19, 2024, 5:19 p.m.
                        Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html