QML实现窗口拖拽与阴影

最新推荐文章于 2024-08-08 16:23:57 发布
最新推荐文章于 2024-08-08 16:23:57 发布
阅读量2.2k 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27233141/article/details/73277891
版权
本文介绍了如何使用QML来实现窗口的拖拽功能以及添加阴影效果。尽管通常QML的阴影实现方式会导致阴影成为窗口的一部分，使得点击阴影仍操作窗口，但通过模仿网易云音乐的设计，可以尝试解决这个问题，使得阴影区域不计入窗口范围，点击能切换到后台程序。
摘要由CSDN通过智能技术生成

模仿网易云写了一个窗口

参考了网上一些资料

ApplicationWindow {
 
    id:mainWindow
    visible: true
    width: 1050
    height: 689
    color: "#00000000"		//主窗口透明
    flags: Qt.FramelessWindowHint
// 设置只有点到标题栏内才能拖动
 

        MouseArea {
 
 

            x: 10
 

            y: 10
 

            height: 50
 

            width: parent.width-20
 


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  阿卡林的存在感
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
93.qt qml-自定义Table优化(新增：水平拖拽/缩放自适应/选择使能/自定义委托)

				
			

			

				

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

				

					07-25
					
					976
					
				

			

		

		

			
				
自定义委托一般都是根据不同列来做不同编辑功能实现，所以我们将自定义委托放在了TableHeader中(为了方便)，如果后面需要升级迭代再进行优化。TableHeader如下所示:这里，我们默认设置为true,所以每处数据都是可以编辑的，默认委托modifyDelegation 为_textEditComponent(文本框编辑)。display: "姓名"width: 100// ComboBox编辑委托model: ["王二", "张三", "李四", "小红", "小明", "老明"]

			
		

	



                

              
                



	

		

			

				
					
qgraphicsview 添加矩形框并拖动改变大小_Qml组件化编程2-可拖动组件和定制窗体...

				
			

			

				

					weixin_39578867的博客
				

				

					12-05
					
					1163
					
				

			

		

		

			
				
简介本文是《Qml组件化编程》系列文章的第二篇，涛哥将教大家，如何在Qml中实现可拖动组件，通过拖动改变组件的大小和位置；以及实现定制窗体（无边框和标题栏）, 并把拖动组件应用在顶层窗体。拖动组件拖动改变坐标拖动改变坐标的原理很简单，鼠标移动的时候改变目标Item的坐标即可。说话的功夫，涛哥就造了个轮子出来(其实是太常用了，涛哥已经写了很多遍)import QtQuick 2.9
import Q...

			
		

	



                


  
              

                


	

		

			

				
					
qml窗口无边框带阴影

				
			

			

				

					u010822106的博客
				

				

					03-21
					
					586
					
				

			

		

		

			
				
qml窗口无边框带阴影

			
		

	





	

		

			

				
					
QML-添加透明背景、边框和阴影效果、Column和ColumnLayout区别？

				
			

			

				

					qq_48150274的博客
				

				

					07-23
					
					483
					
				

			

		

		

			
				
添加透明边框、背景和阴影效果；Column和ColumnLayout区别；Button的flat效果

			
		

	



		

			
		



	

		

			

				
					
QML阴影（Shadows）

				
			

			

				

					世界需要程序员，而我就是其中一员！
				

				

					05-08
					
					833
					
				

			

		

		

			
				
2D对象的路径可以使用阴影增强显示效果。阴影是一个区域的轮廓线使用偏移量，颜色和模糊来实现的。所以你需要指定一个阴影颜色（shadowColor），阴影X轴偏移值（shadowOffsetX），阴影Y轴偏移值（shadowOffsetY）和阴影模糊（shadowBlur）。这些参数的定义都使用2D context来定义。2D context是唯一的绘制操作接口。

			
		

	





	

		

			

				
					
QML实现窗口阴影

				
			

			

				

					xuancuo8078的博客
				

				

					05-19
					
					1415
					
				

			

		

		

			
				
纯属记录代码
import QtQuick 2.9
import QtQuick.Window 2.2
import QtGraphicalEffects 1.0

Window {
    id: main
    visible: true
    width: 300
    height: 200

    color: "#00000000"
    flags: Qt.FramelessWindowHint | Qt.Window

    Rectangle {
        id: rec

			
		

	





	

		

			

				
					
qml阴影的实现

				
			

			

				

					weixin_42101997的博客
				

				

					01-19
					
					2998
					
				

			

		

		

			
				
qml代码阴影的实现

注意：隐隐外层必须是Rectangle组件。




import QtQuick 2.5
import QtQuick.Window 2.2
import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.0
import QtQuick.Controls 1.4
import QtQuick...

			
		

	





	

		

			

				
					
qt quick qml无标题栏圆角窗口程序框架，自绘最大化、最小化、关闭按钮，自由拖拽、移动

				
			

			

				

					05-17
				

			

		

		

			
				
qml实现无边框窗口，开发环境需要qt5.15支持。 实现的功能：1.无边框自绘窗口。2.实现最大化、最小化、关闭按钮。3.完美实现窗口拖拽移动。4.完美实现窗口拉伸。5.边框实现阴影效果。6.边框四角圆角切割

			
		

	





	

		

			

				
					
QT图形与视图框架（最基础篇）

				
			

			

				

					11-08
				

			

		

		

			
				
7. **事件处理和交互**: QGraphicsItem提供了丰富的事件处理机制，包括鼠标点击、拖动、释放等，可以轻松实现图形对象的交互功能。  8. **动画和效果**: 使用QGraphicsEffect和QPropertyAnimation，可以添加阴影、...

			
		

	





	

		

			

				
					
qt界面黑的咋办_关于 Qt设置置顶窗口，透明部分显示黑色底色(已设置透明窗口) 的解决方法...

				
			

			

				

					weixin_33613462的博客
				

				

					02-21
					
					2402
					
				

			

		

		

			
				
需求桌面白板工具，需要悬浮工具悬浮菜单效果 设置置顶系统函数包含"windows.h"头文件// 置顶::SetWindowPos(HWND(this->winId()), HWND_TOPMOST, 0, 0, 0, 0, SWP_NOMOVE | SWP_NOSIZE | SWP_SHOWWINDOW);// 不置顶::SetWindowPos(HWND(this->winId()...

			
		

	





	

		

			

				
					
QML实现窗口无边框以及可拖动拉伸

				
			

			

				

					06-22
				

			

		

		

			
				
继续在Qt Widget的基础上，实现QML无边框可拖动以及拉伸等功能，如果有不理解或者运行错误，请留言，会及时进行解答，目前依然在5.4中编译完成

			
		

	





	

		

			

				
					
QML实现阴影字体效果

				
			

			

				

					06-14
				

			

		

		

			
				
用 QML 实现阴影字体，详情见https://blog.csdn.net/luoyayun361/article/details/80687430

			
		

	





	

		

			

				
					
Qml外部阴影相关代码DropShadow

				
			

			

				

					07-28
				

			

		

		

			
				
Qml外部阴影相关代码DropShadow

			
		

	





	

		

			

				
					
qml创建无边框带阴影的模态窗口

				
			

			

				

					TiredWind的博客
				

				

					02-25
					
					2961
					
				

			

		

		

			
				
qml创建Window主要是以下两种做法：

使用QQmlApplicationEngine加载qml文件，qml中顶层元素必须为Window或ApplicationWindow；
	使用QQuickView加载qml文件，qml中顶层元素不能为Window/ApplicationWindow，因为QQuickView继承于QQuickWindow，本身就是一个Window；
实现效果如下图所示：





1. 加载qml代码


// QQmlApplicationEngine
#include &l.

			
		

	





	

		

			

				
					
QML阴影效果

				
			

			

				

					guo2538377的博客
				

				

					10-18
					
					557
					
				

			

		

		

			
				
QML实现阴影效果

			
		

	





	

		

			

				
					
qml widget拖动窗口、控件

				
			

			

				

					caicai_xiaobai的博客
				

				

					05-21
					
					280
					
				

			

		

		

			
				
总是要搜索，来收集一下常用的操作：
QWidget鼠标拖拽键盘事件：
void BaseWidget::mousePressEvent(QMouseEvent *e)
{
  if(e->button() == Qt::LeftButton)
  {
  	//计算拖拽距离
  	dragPosition = e->globalPos() - frameGeometry().topLeft();
	leftbuttonpressed = true;
  }
}
void BaseWidget::

			
		

	





	

		

			

				
					
【QML】Rectangle边框添加阴影

					
最新发布

				
			

			

				

					-凌凌漆-的博客
				

				

					08-08
					
					259
					
				

			

		

		

			
				
【代码】【QML】Rectangle边框添加阴影。

			
		

	





	

		

			

				
					
QML 阴影边框实现

				
			

			

				

					Marrrrrco的博客
				

				

					06-09
					
					1645
					
				

			

		

		

			
				
QML教程是真的难找， 项目为了实现UI设计里的四周带阴影的矩形框找了各种办法，dropShadow只能实现最多两个边的阴影，最后考虑用innerShadow，试过很多种写法都打不到效果，下面这种也是摸索了很久出来的，分享一哈。代码附上：图片显示的渐变效果是gradient属性...

			
		

	





	

		

			

				
					
qml实现窗口的拖拽效果

				
			

			

				

					06-06
				

			

		

		

			
				
其中，`startDrag()` 方法用于启动窗口的拖拽效果，`drag()` 方法用于实现窗口的拖拽，`stopDrag()` 方法用于停止窗口的拖拽。  3. 在窗口的 `onDragStarted`、`onDragUpdated` 和 `onDragFinished` 信号中实现窗口...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值