qml listview 实现QQ侧滑删除功能

最新推荐文章于 2024-07-18 13:20:30 发布
最新推荐文章于 2024-07-18 13:20:30 发布
阅读量2k 收藏 6
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjq456123/article/details/51536098
版权
这篇博客展示了如何利用QML的ListView组件创建一个类似QQ应用的侧滑删除功能。通过设置Flickable代理，配合Rectangle和Text组件，实现了内容展示和删除按钮。当点击删除按钮时，可以通过MouseArea监听点击事件并输出相关信息。
摘要由CSDN通过智能技术生成
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
 

            

                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  zjq456123
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
QML ListView实现树形二级列表（类似 android ExpandableListView控件）

				
			

			

				

					08-11
				

			

		

		

			
				
QML 中没有直接提供类似 android 的ExpandableListView二级列表控件，treeView，但是用 treeView 实在是有些不方便，并且达不到想要的效果，所以干脆用 ListView 来扩展一个。

			
		

	



                

              
                



	

		

			

				
					
QML ListView

				
			

			

				

					11-05
				

			

		

		

			
				
QML python qt quick1.0

			
		

	



                


  
              

                


	

		

			

				
					
ListView滑动删除 ，仿腾讯QQ

					
热门推荐

				
			

			

				

					AndyLizh的专栏
				

				

					05-30
					
					1万+
					
				

			

		

		

			
				
转载请表明出处：http://blog.csdn.net/lmj623565791/article/details/22961279


在CSDN上开了很多大神们的文章，感觉受益良多，也非常欣赏大家的分享态度，所以决定开始写微博，给大家分享自己的心得。

本来准备在ListView的每个Item的布局上设置一个隐藏的Button，当滑动的时候显示。但是因为每次只要存在一个Button，

			
		

	





	

		

			

				
					
qml 实现一个listview

					
最新发布

				
			

			

				

					foxgod的专栏
				

				

					07-18
					
					665
					
				

			

		

		

			
				
通过qml实现listview的主要功能，菜单，滚动条，拖动改变内容等

			
		

	



		

			
		



	

		

			

				
					
Qml Listview页面滑动删除

				
			

			

				

					波风水门
				

				

					04-08
					
					841
					
				

			

		

		

			
				
前言
看到网上有这么一段页面删除代码，感觉挺不错，虽然实现很简单，但是看起来效果还可以，所以展示一下，给需要的人使用
效果图
先看下效果图：

代码实现
下面是实现代码
ListModel {
        id: listModel

        ListElement {
            text: qsTr("111222333随便的一些内容")
        }
        ListElement {
            text: qsTr("AAABBBCCC随便的一些内

			
		

	





	

		

			

				
					
Qt基于Qml向左边滑动删除列表项

				
			

			

				

					
				

				

					11-02
					
					555
					
				

			

		

		

			
				
主要通过捕获鼠标坐标及属性动画来实现。从右向左拉,出现删除按钮。

			
		

	





	

		

			

				
					
Qt中QML实现滑动右侧删除

				
			

			

				

					qq_36360669的博客
				

				

					09-18
					
					791
					
				

			

		

		

			
				
Qt中QML实现滑动右侧删除
最近接到需求实现滑动右侧删除的功能，网上找了找发现很少人写这部分的资料，可能是太简单了吧(⊙o⊙)…，想了想还是分享一下我的解决方法，供大家参考。以下是一个demo：
import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    width: 640
    height:...

			
		

	





	

		

			

				
					
SelectListView.qml (QML ListView 多选)

				
			

			

				

					10-16
				

			

		

		

			
				
Qml 中的listview 默认不提供多选 Ctrl + A 全选， Shift +点击 范围选择， Ctrl+ 点击 多选 ，这个资源中实现了这几种选择，除了框选。

			
		

	





	

		

			

				
					
QML ListView实现TabBar标签拖拽移动位置效果

				
			

			

				

					11-25
				

			

		

		

			
				
QML中TabBar要实现标签移动效果比较麻烦，不像...本demo使用QML的ListView来实现该功能，并动态切换对应的page内容。demo提供了动态添加页、删除页、移动交换标签位置功能。详情见：https://blog.csdn.net/luoyayun361

			
		

	





	

		

			

				
					
Qt qml中listview 列表视图控件（下拉刷新、上拉分页、滚动轴）

				
			

			

				

					01-04
				

			

		

		

			
				
Qt qml listview下拉刷新和上拉分页主要根据contentY来判断。但要加上顶部下拉指示器、滚动条，并封装成可简单调用的组件，着实花了我不少精力：） 先给大家展示下效果图：   【功能】  下拉刷新和上拉分页逻辑 /...

			
		

	





	

		

			

				
					
基于QT的滑动删除控件

				
			

			

				

					06-08
				

			

		

		

			
				
基于QT的滑动删除控件，采用QML的方式实现的

			
		

	





	

		

			

				
					
ListViews动画效果，包括底部飞人、下层飞入、消失、滑动删除等

				
			

			

				

					07-23
				

			

		

		

			
				
ListViewAnimations Android是一个开源的库,允许开发者轻松地创建ListViews与动画。随意使用它所有你想要在你的Android应用程序提供你引用这个项目和许可包含在您的应用程序。动画包括底部飞入、其他方向斜飞入、下层飞入、渐变消失、滑动删除等

			
		

	





	

		

			

				
					
Qml滑动删除

				
			

			

				

					zhengtianzuo的博客
				

				

					11-11
					
					1123
					
				

			

		

		

			
				
ListModel {
        id: listModel        ListElement {
            text: qsTr("111222333随便的一些内容")
        }
        ListElement {
            text: qsTr("AAABBBCCC随便的一些内容")
        }
        ListElemen

			
		

	





	

		

			

				
					
Qt qml ListView 动画

				
			

			

				

					XiaoHG_CSDN的博客
				

				

					04-29
					
					475
					
				

			

		

		

			
				
Qt qml ListView 动画
import QtQuick 2.0

Item {
    ListView{
        id: view
        anchors.fill: parent
        clip: true
        focus: true

        populate: Transition{
            NumberAnimation{
                properties: "x,y"
                d

			
		

	





	

		

			

				
					
QML之ListView

				
			

			

				

					qq_33271629的博客
				

				

					03-21
					
					567
					
				

			

		

		

			
				
最近在写一个网络测试小工具，需要用到ListView来显示收到和发送的网络消息，需要能显示消息收到的时间，消息的发送方，还有消息内容，为了防止占用内存过多，要能设置界面上最多显示的消息数量，超过后自动删除最早的消息。感觉主要难点还是这么多窗口的颜色配置，颜色不合适界面就很丑。

			
		

	





	

		

			

				
					
QML视图（ListView）

				
			

			

				

					qq_45303986的博客
				

				

					03-12
					
					3167
					
				

			

		

		

			
				
如果模型不是按部分排序的，则创建的部分可能不是唯一的;不同部分之间的每个边界都将导致创建部分标题，即使该部分存在于其他地方也是如此。保存过渡以应用于视图中由于视图模型中的移动操作而移动的项。保存转换以应用于视图中因删除视图中的其他项而替换的项。保存转换以应用于视图中因添加视图中的其他项而替换的项。保存过渡以应用于视图模型中的移动操作所取代的项。当前的部分：保存当前位于视图开头的部分。保存从突出显示组件创建的突出显示项。保存要应用于从视图中删除的项的过渡。保存要应用于从视图中添加的项的过渡。

			
		

	





	

		

			

				
					
qml listview

				
			

			

				

					08-30
				

			

		

		

			
				
关于QML中的ListView，它是一种用于显示可滚动列表的UI组件。您可以使用ListView来展示一个由多个可视项（Item）组成的列表。  要使用ListView，您需要先定义一个数据源（例如一个存储数据的数组），然后将数据源...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 3

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值