qml暴露delegate给外部使用

yayapoi~

已于 2024-07-05 10:20:24 修改

阅读量303

点赞数 3

分类专栏： qml 文章标签： qt qml

于 2024-07-04 16:12:31 首次发布

本文链接：https://blog.youkuaiyun.com/hu626626/article/details/140182009

版权

qml 专栏收录该内容

3 篇文章

订阅专栏

Item {
    id: rootItem
    Calendar{
        id:the_calendar
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.bottom: splitRec.top
        style: CalendarStyle {
            id: _calendarStyle
            gridVisible: true
            
            dayDelegate: Rectangle
        {
            opacity: styleData.visibleMonth? 1:0.3
            color: "red"
            radius: 6
            DescriptionText {
                text: styleData.date.getDate()
                anchors.centerIn: parent
                font.pixelSize: 12
                color: "red"
            }
        }
        }
    }
}

比如我们写了上面的日历控件，日历控件用了style ，它里面有个 dayDelegate，这时，我们想用这个日历控件作为基础控件，继承它做出新的日历控件，这时候需要外部赋值自定义 dayDelegate，怎么做呢？

Item {
    id: rootItem
    property Component dayDelegate: null
    Calendar{
        id:the_calendar
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.bottom: splitRec.top
        style: CalendarStyle {
            id: _calendarStyle
            gridVisible: true
            dayDelegate: rootItem.dayDelegate === null? defaultDayDelegate : rootItem.dayDelegate
        }
    }
    Component {
        id: defaultDayDelegate
        Rectangle
        {
            visible: styleChoice===CalendarBox.StyleChoice.OnceClick
            opacity: styleData.visibleMonth? 1:0.3
            color: "red"
            radius: 6
            DescriptionText {
                text: styleData.date.getDate()
                anchors.centerIn: parent
                font.pixelSize: 12
                color: "red"
            }
        }
    }
}