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

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

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:
                {
                    
                }
            }
        }
}

Рекомендуем хостинг TIMEWEB

Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

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

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

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

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

Получается, что мы создаем обьект типа «название файла».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 находится. В целом странного в этом ничего нет, просто не совсем корректно был файл добавлен. Лучше попробовать создать для начала новый пустой файл в проекте и поработать с ним. А потом уже добавлять заполненный файл.

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

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

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

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

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

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

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

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

import QtQuick 2.6
import QtQuick.Window 2.2
import "Content"
Window {
    visible: true
    CircleTimerContent{
 
    }
}

import “Content”

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