BlinCT
BlinCTMay 5, 2016, 5:25 p.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:
                {
                    
                }
            }
        }
}

 

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!

10
Evgenii Legotckoi
  • May 5, 2016, 11:11 p.m.

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

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

 

    BlinCT
    • May 7, 2016, 3:44 p.m.

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

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

      BlinCT
      • May 7, 2016, 4:45 p.m.
      Еще странно, что я в проект добавил файл qml, который находится в другом каталоге, и назвал правильно с заглавной буквы.
      Но почему то main.qml не видит его. То есть, пишу название, а редактор подписывает что это неизвестный элемент.
        Evgenii Legotckoi
        • May 8, 2016, 5:31 a.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, 6:30 a.m.

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

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

            BlinCT
            • May 8, 2016, 6:53 a.m.

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

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

              Evgenii Legotckoi
              • May 8, 2016, 7:42 a.m.

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

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

                BlinCT
                • May 8, 2016, 9:20 a.m.

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

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

                  iG
                  • May 8, 2016, 9:49 a.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, 10:01 a.m.

                    import “Content”

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

                      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
                      i
                      innorwallNov. 11, 2024, 10:12 p.m.
                      Django - Tutorial 055. How to write auto populate field functionality Freckles because of several brand names retin a, atralin buy generic priligy
                      i
                      innorwallNov. 11, 2024, 6:23 p.m.
                      QML - Tutorial 035. Using enumerations in QML without C ++ priligy cvs 24 Together with antibiotics such as amphotericin B 10, griseofulvin 11 and streptomycin 12, chloramphenicol 9 is in the World Health Organisation s List of Essential Medici…
                      i
                      innorwallNov. 11, 2024, 3:50 p.m.
                      Qt/C++ - Lesson 052. Customization Qt Audio player in the style of AIMP It decreases stress, supports hormone balance, and regulates and increases blood flow to the reproductive organs buy priligy online safe Promising data were reported in a PDX model re…
                      i
                      innorwallNov. 11, 2024, 2:19 p.m.
                      Heap sorting algorithm The role of raloxifene in preventing breast cancer priligy precio
                      i
                      innorwallNov. 11, 2024, 1:55 p.m.
                      PyQt5 - Lesson 006. Work with QTableWidget buy priligy 60 mg 53 have been reported by Javanovic Santa et al
                      Now discuss on the forum
                      i
                      innorwallNov. 11, 2024, 8:56 p.m.
                      добавить qlineseries в функции buy priligy senior brother Chu He, whom he had known for many years
                      i
                      innorwallNov. 11, 2024, 10:55 a.m.
                      Всё ещё разбираюсь с кешем. priligy walgreens levitra dulcolax carbs The third ring was found to be made up of ultra relativistic electrons, which are also present in both the outer and inner rings
                      9
                      9AnonimOct. 25, 2024, 9:10 a.m.
                      Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…

                      Follow us in social networks