3

我有一个语言选择列表的代表。列表中的每个项目都包含一个图标和文本。我想将组件定义移动到不同的文件，并提供当前由 IMGDIR 定义的字符串作为属性。

只需将下面的整个文本移动到单独的 LandDelegate.qml 文件中，并将其包含为：

LangDelegate { id: langDlg }

不起作用。

下面是组件的声明。

Component {
    id: langDlg
    Item {
        id: wrapper

        width: langView.width
        height: langImg.height+10*2

        Rectangle {
            id: background
            x: 2; y: 2; width: parent.width - x*2; height: parent.height - y*2
            color: "lightgrey"
            border.color: "orange"
            radius: 5
        }

        states: State {
            name: "Current"
            when: wrapper.ListView.isCurrentItem
            PropertyChanges { target: wrapper; x: 20 }
        }
        transitions: Transition {
            NumberAnimation { properties: "x"; duration: 200 }
        }
        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            onEntered: { wrapper.ListView.view.currentIndex = index; }
            onClicked: { wrapper.ListView.view.currentIndex = index; langSelect.visible = false; docView.visible  = true }
        }

        Row {
            id: topLayout
            x: 10; y: 10; height: langImg.height + 10*2; width: parent.width
            spacing: 10

            Image {
                id: langImg
                //width: 50; height: 50
                source: IMGDIR+licon
            }

            Column {
                width: background.width - langImg.width - 20; height: langImg.height
                spacing: 5

                Text {
                    text: lname
                    font.bold: true; font.pointSize: 16
                }
            }
        }
    }
}
4

1 回答 1

2

据我所知并根据文档，

Component 类型本质上允许在 QML 文档中内联定义 QML 组件，而不是作为单独的 QML 文件。

在这里，我们有更多与此问题相关的信息，

组件是可实例化的 QML 定义，通常包含在 .qml 文件中。例如，可以在 Button.qml 中定义一个 Button 组件。

因此，在您的情况下，您的LangDelegate.qml文件不需要根Component元素。使用Item而不是Component.

例子：

LangDelegate.qml

import QtQuick 2.0

Item {
    id: langDlg

    width: 100
    height: 100

    Rectangle {
        id: background
        x: 2; y: 2; width: parent.width - x*2; height: parent.height - y*2
        color: "lightgrey"
        border.color: "orange"
        radius: 5
    }
}

main.qml

import QtQuick 2.5
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    LangDelegate { id: langDlg }
}
于 2016-06-24T10:32:15.877 回答