qml listview 实现QQ侧滑删除功能

最新推荐文章于 2021-09-10 11:35:52 发布
最新推荐文章于 2021-09-10 11:35:52 发布
阅读量2k 收藏 6
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjq456123/article/details/51536098
版权
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
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    3
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    6
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  3
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
Qt5(C++)高级篇之6：QML常用控件自定义组件及多媒体入门

				
			

			

				

					10-18
				

			

		

		

			
				
1.带领您深入学习QT5/C++：QML常用控件编程、QML的多媒体入门、逐步提升Qml编程水平。2.所有章节均有理论知识介绍、接口讲解、实例代码讲解，讲解过程中不断穿插老师在开发过程中遇到的问题及解决方法（可以下载所有的电子课件与源码）。

			
		

	



                

              
                



	

		

			

				
					
Qt中QML实现滑动右侧删除

				
			

			

				

					qq_36360669的博客
				

				

					09-18
					
					737
					
				

			

		

		

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

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

			
		

	



                


  
              

                


	

		

			

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

				
			

			

				

					01-04
				

			

		

		

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


【功能】

下拉刷新和上拉分页逻辑
/下拉刷新
/上拉更多
/滚动栏
/工具栏半拉显隐
Author: surfsky.cnblogs.com
Lisence: MIT 请保留此文档声明
History:
init. surfsky.cnblogs.com, 2015-01
add initPosition property. 2015-01
【调用】

控件使用非常简单，只要实现 onLoad 和 onL

			
		

	





	

		

			

				
					
QML之侧滑抽屉（菜单）

				
			

			

				

					画茧自缚
				

				

					07-17
					
					5255
					
				

			

		

		

			
				
可以用两种方式实现抽屉效果，一种是使用动画，一种是直接使用抽屉控件（Drawer）。



效果



区别

1、使用动画更加灵活，更方便自定义动画效果 
2、使用动画实现的抽屉需要依靠其Z属性确定其所在哪一层，Drawer弹出时在最上层 
3、Drawer继承自Popup，可以设置为模态和非模态，可以方便设置其关闭方式 
4、动画使用start()和stop()打开关闭，Drawer使用ope...

			
		

	



		

			
		



	

		

			

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

				
			

			

				

					08-11
				

			

		

		

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

			
		

	





	

		

			

				
					
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

			
		

	





	

		

			

				
					
QmlListView控件位置定位的几个方法

				
			

			

				

					12-28
				

			

		

		

			
				
用得好这两个基本上对这一控件没什么问题了，一开始笔者也是这样想的，可是学习不同于产品的开发，客户总是有这样那样的要求要去实现。你却有不能不去做，客户经常对这产品说，这个功能不好，要这样。本文就是介绍...

			
		

	





	

		

			

				
					
qml ListView结合cpp的model使用

				
			

			

				

					03-30
				

			

		

		

			
				
这篇博客文章“qml ListView结合cpp的model使用”深入探讨了如何将QML的ListView与C++的模型（model）相结合，以实现更高效、更灵活的数据绑定和操作。  首先，QML的ListView组件主要包含以下关键属性：  1. **model...

			
		

	





	

		

			

				
					
Qt qml ListViewEx 下拉刷新上拉分页

				
			

			

				

					03-20
				

			

		

		

			
				
Qt qml listviewex
完美解决ListView下拉刷新和上拉分页逻辑
    /下拉刷新
    /上拉更多
    /滚动栏
    /工具栏半拉显隐
带两个示例：新闻、工具栏
示例中的PageView控件在此：
https://download.csdn.net/download/surfsky/8516949
当然注释掉也可以运行。

			
		

	





	

		

			

				
					
基于QT的滑动删除控件

				
			

			

				

					06-08
				

			

		

		

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

			
		

	





	

		

			

				
					
仿手机滑动按钮QML文件

				
			

			

				

					11-14
				

			

		

		

			
				
仿照手机滑动按钮做的qml文件,适合新手理解学习,简单易懂.还可以添加动画加以改进.

			
		

	





	

		

			

				
					
listview中删除item的小例子

				
			

			

				

					09-23
				

			

		

		

			
				
当你在运行之后，点击listview的item时候，会弹出对话框，询问你是否要删除，你点击删除之后，会发现item会减少一个，此小例子希望对你们有用，

			
		

	





	

		

			

				
					
Qml滑动删除

				
			

			

				

					zhengtianzuo的博客
				

				

					11-11
					
					1114
					
				

			

		

		

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

			
		

	





	

		

			

				
					
qt自定义listview增删

				
			

			

				

					kchmmd的博客
				

				

					06-28
					
					2662
					
				

			

		

		

			
				
自定义listview，准确来说应该是listwidget，根据自己需求，需要一些特殊的列表。
这里例子是，一个主界面，可以添加两个球队名进行比赛，也可以删除已经添加的，时间这里默认10秒钟，点击开始后，开始每秒轮换产生随机得分直至结束。
大致就这么个意思，主要是为了练习，先看下实现的效果图，后面再看具体实现代码

1 首先对比下面运行图和设计界面，分解下界面的组成，
图中③部分在设计界面，只是一个scrollArea及其里面有一个垂直布局，通过
ui->verticalLayout_3->a.

			
		

	





	

		

			

				
					
qml 滑动按钮_QML 实现侧滑菜单SlidingMenu

				
			

			

				

					weixin_39874196的博客
				

				

					12-20
					
					487
					
				

			

		

		

			
				
很多 App 都有侧滑菜单功能，下面的教程演示如何使用 QML 实现像墨迹天气侧滑菜单效果。​实现方法第一步创建2个视图，一个主视图normal_view，一个菜单视图menu_view，在应用程序中放置两个视图，并且把他们充满整个窗体，需要注意的是主视图需要定义在菜单视图之后，这样主视图才能够盖住菜单视图。Rectangle {id: menu_viewanchors.fill: parentc...

			
		

	





	

		

			

				
					
42.qt quick-ListView拖拽选中换行、添加、删除、移动动画

				
			

			

				

					抵抗时间扭曲，坚持做一件有意义的事
				

				

					09-10
					
					2132
					
				

			

		

		

			
				
最近有个朋友让我帮他实现一个QMLListView拖动效果:



所以果断安排,效果如下所示:



实现的功能如下所示:

支持add动画、移除动画、移动动画
	按下移动则实现拖拽、点击则实现选中效果
	拖拽的时候,则显示要替换行的高亮位置
源码已放置专栏付费资源群中.文章尾部会提供群号



1.demo项目介绍

整个文件结构如下所示:



2.源码介绍

mian.qml是整个项目的入口,所以我们需要尽量的精简,把逻辑放在其它组件里面封装.避免项目冗余度过高.

main.qml如下所示:...

			
		

	





	

		

			

				
					
仿手机QQ聊天列表滑动菜单删除和手势滑动返回的两种方式

				
			

			

				

					做更好的自己
				

				

					03-27
					
					7189
					
				

			

		

		

			
				
手机QQ和微信都是超级APP，用户体验自然是做的极好的了，也是众多开发者模仿的对象，今天给大家模仿一下手机QQ聊天列表滑动菜单删除和分析一下腾讯系很多APP，比如QQ邮箱，QQ空间等中滑动返回功能的实现。

			
		

	





	

		

			

				
					
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、付费专栏及课程。

              

            

          

      

      余额充值