Component.onCompleted:

"Component.onCompleted" 是一个 Qt QML 中的信号，它表示当一个组件被创建并完成初始化后，这个信号会被发出。我们可以在这个信号被触发时执行一些初始化操作，或者做一些与组件创建有关的工作。例如，我们可以在一个窗口组件被创建完成后，把它显示出来，或者在一个按钮组件被创建完成后，给它添加一个点击事件。

相关问题

Component { id: contactDelegate Rectangle { width: 1240 height:340 color: '#1865CD' Rectangle { width: 1240 height: 288 color: "#E5EEF7" radius: 30 Rectangle{ width: 168 height: 37 radius: 10 color: '#1865CD' anchors.horizontalCenter: parent.horizontalCenter Image { source: "/img/Tasklist/ic_tasklist.png" width: 24 height: 24 anchors.left: parent.left anchors.leftMargin:42 anchors.top: parent.top anchors.topMargin: 8 } Text{ property int listindex text: '任务: ' + listindex.toString() color: 'white' font.pointSize: 12 font.family: '微软雅黑' anchors.left: parent.left anchors.leftMargin:71 anchors.top: parent.top anchors.topMargin: 4 Component.onCompleted: { listindex=index+1 } } }}

这是一个使用QML Component定义联系人列表项的示例代码。其中，我们使用了一个Rectangle组件作为该列表项的外部容器，内部包含了一个蓝色的矩形和一个白色的矩形。

在白色矩形中，我们使用了一个Rectangle组件作为该列表项的标题栏，内部包含了一个图片和一个文本，用于显示任务信息。其中，图片和文本的位置都使用了anchors属性进行布局。在文本中，我们使用了Component.onCompleted事件，用于在列表项创建完成后设置该列表项的序号。

Rectangle{ width: parent.width height: 120/2 anchors.bottom: parent.bottom color: "#114670" Row{ width: childrenRect.width spacing: 5 CusLabel{ id:dateTimeLabel text: "筛选时间" font.pixelSize: 16 anchors.verticalCenter: dateInput.verticalCenter } CusInputDate{ id:dateInput height: 20 normalTextColor: CusConfig.themeColor selectTextColor: CusConfig.pageBkgColor beginDate: __minDate endDate: new Date() endTime: Qt.formatDateTime(new Date(),"hh:mm:ss") Component.onCompleted: { __minDate= new Date("2020/01/01") __maxDate= new Date() } } } } 这段代码中将时间筛选两个日期分为两行

可以将 `Row` 换成 `Column`，这样就可以将两个控件分开放在不同的行了，代码修改如下：

Rectangle{
    width: parent.width
    height: 120/2
    anchors.bottom: parent.bottom
    color: "#114670"
    Column{
        width: childrenRect.width
        spacing: 5
        CusLabel{
            id:dateTimeLabel
            text: "筛选时间"
            font.pixelSize: 16
            anchors.horizontalCenter: parent.horizontalCenter
        }
        CusInputDate{
            id:dateInput
            height: 20
            normalTextColor: CusConfig.themeColor
            selectTextColor: CusConfig.pageBkgColor
            beginDate: __minDate
            endDate: new Date()
            endTime: Qt.formatDateTime(new Date(),"hh:mm:ss")
            Component.onCompleted: {
                __minDate= new Date("2020/01/01")
                __maxDate= new Date()
            }
        }
    }
}