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

Question

Мамыр 6, 2016, 3:25 Т.Ж.

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

Всем привет.
Подскажите, пожалуйста. Вот, например, описываем какой-то объект и набирается очень много строк. А кроме него еще куча, и надо как-то разделить.
Например в крестах просто 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:
                {
                    
                }
            }
        }
}

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

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

Талқылауға жазылыңыз0

Бөлімге жазылу99

Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!

1.1K

10

0

Мамыр 6, 2016, 9:11 Т.Ж.

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

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

0

BlinCT → Evgenii Legotckoi
#

Мамыр 8, 2016, 1:44 Т.Ж.

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

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

0

Мамыр 8, 2016, 2:45 Т.Ж.

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

0

Evgenii Legotckoi → BlinCT
#

Мамыр 8, 2016, 3:31 Т.Қ.

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

0

BlinCT → Evgenii Legotckoi
#

Мамыр 8, 2016, 4:30 Т.Қ.

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

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

0

BlinCT → Evgenii Legotckoi
#

Мамыр 8, 2016, 4:53 Т.Қ.

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

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

0

Evgenii Legotckoi → BlinCT
#

Мамыр 8, 2016, 5:42 Т.Қ.

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

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

0

BlinCT → Evgenii Legotckoi
#

Мамыр 8, 2016, 7:20 Т.Қ.

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

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

0

iG

Мамыр 8, 2016, 7:49 Т.Қ.
Жауап шешім ретінде белгіленді.

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

0

BlinCT → ilopx Googler
#

Мамыр 8, 2016, 8:01 Т.Қ.

import “Content”

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

0

Пікірлер

Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
Кіріңіз немесе Тіркеліңіз

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

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

Пікірлер

Actions