关闭

qml listview 实现QQ侧滑删除功能

719人阅读 评论(3) 收藏 举报
ListView{
        width: parent.width
        height: parent.height
        anchors.fill: parent

        model:50
        delegate:Flickable {
            width: parent.width; height: 200
            contentWidth: parent.width*1.4; contentHeight: 200
            boundsBehavior:Flickable.StopAtBounds //该属性设置过后,边界不会被拉出

            Rectangle{
                anchors.fill: parent
                id: rectan
                border.width: 1
                border.color: "black"
                width: parent.width*1.4
                height: 50
                Text {
                    id: name
                    anchors.centerIn: parent
                    font.pointSize: 16
                    width: parent.width
                    elide: Text.ElideRight
                    text: index+"dkasjfkajsdf凯撒减肥的卡坚实的发卡萨丁法卡斯打发"
                    color: "red"
                }
                Rectangle{
                    id: testbtn
                    height: parent.height
                    width: parent.width*0.28
                    color: "red"
                    anchors.right: parent.right
                    Text {
                        anchors.centerIn: parent
                        text: qsTr("删除")
                        color: "#ffffff"
                    }
                    MouseArea{
                        anchors.fill: parent
                        onClicked: {
                            console.log("mouse isclick")
                        }
                    }
                }

            }
        }


    }
1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1190次
    • 积分:31
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:4条
    文章存档
    最新评论