关闭

qml listview 实现QQ侧滑删除功能

891人阅读 评论(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网站的观点或立场

qml学习-------------使用Loader动态创建和删除组件

在qml中,对于里面的删除机制是这样的,当不需要一个组件的时候,只需要把它的source = “”, 或者是sourceComponent = undefined; 就可以了 。所以采用一个Butt...
  • u011619422
  • u011619422
  • 2015-09-16 14:18
  • 1670

QML类与对象列表或分组

对象类型的属性如果对象类型成功注册到QML类型系统,就可以在QML中访问对象类型的属性。如Message有一个MessageBody *类型的body属性:class Message:public Q...
  • LC900730
  • LC900730
  • 2017-08-29 18:29
  • 192

QML中ListView配合ScrollView实现列表功能

QML中ListView配合ScrollView实现列表功能,鼠标响应事件的处理,鼠标进入退出代理按钮时的处理,以及鼠标进入按钮时进行不覆盖MouseArea的处理
  • Shado_walker
  • Shado_walker
  • 2016-04-13 11:36
  • 4529

QML 中的 ListView 中的隐藏秘技

QML 中的 ListView 中的隐藏秘技
  • qyvlik
  • qyvlik
  • 2016-05-01 21:24
  • 3209

Android仿QQ和iOS的ListView左滑出现删除和置顶等操作,可自定义菜单

一:介绍 大家在项目中可能会有对ListView向左滑动的时候出现删除,置顶等等操作的需求,例如QQ聊天列表左滑,iOS中左滑删除等等,下面就介绍一下如何实现这种效果 二:先给大家展示效果图,先睹为快...
  • lzyang187
  • lzyang187
  • 2016-02-25 13:52
  • 5168

listview简单实现侧滑删除仿QQ

listview侧滑删除实现思路### 关联 compile 'com.baoyz.swipemenulistview:library:1.3.0' 1:将布局文件listview换成 com.bao...
  • qq_39734239
  • qq_39734239
  • 2017-09-29 10:24
  • 85

SwipeListView实现QQ消息侧滑删除功能

看到别人实现SwipeListView,说的不清楚,好多细节要注意,作为菜鸟的我,也是拿来主义。 在 github有这个开源项目https://github.com/47deg/android-swi...
  • sinat_22878395
  • sinat_22878395
  • 2015-08-31 19:28
  • 316

使用SwipeMenuListView实现微信、QQ侧滑删除功能

  • 2016-02-01 17:12
  • 1.04MB
  • 下载

Android listView item侧滑实现删除和置顶功能

第一次写博客,先说下大概思路吧~ 要显示item侧滑显示删除,置顶。首先要隐藏一部分item的布局(自定义隐藏布局宽度,在adapter里设置LayoutParams)。然后重写listview的on...
  • qq_17250009
  • qq_17250009
  • 2015-08-26 15:54
  • 6630

自定义listview仿qq侧滑置顶删除

  • 2015-09-12 21:57
  • 5.41MB
  • 下载
    个人资料
    • 访问:1575次
    • 积分:36
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:4条
    文章存档
    最新评论