Qt之设置窗口边框的圆角

最新推荐文章于 2025-09-13 11:38:40 发布
最新推荐文章于 2025-09-13 11:38:40 发布
阅读量2.1k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： qt 开发语言 QT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/CyberWizarDD/article/details/132937498
QT 专栏收录该内容
91 篇文章 ¥59.90 ¥99.00
订阅专栏
本文介绍了在Qt中如何使用样式表设置窗口边框的圆角，详细讲解了创建新项目、设置样式表和运行程序的步骤，并提供了一段示例代码，展示了将所有QWidget边框圆角设置为10像素的过程。

在Qt中，我们可以使用样式表（Stylesheet）来设置窗口的外观和样式。要设置窗口边框的圆角，我们可以使用样式表中的border-radius属性。下面是详细的步骤和相应的源代码示例。

步骤 1: 创建一个新的Qt应用程序项目
首先，我们需要创建一个新的Qt应用程序项目。可以使用Qt Creator来创建项目，或者通过命令行使用qmake和make工具创建项目。

步骤 2: 设置窗口样式表
在Qt中，我们可以使用样式表（Stylesheet）来设置窗口的外观和样式。打开主窗口的源代码文件，通常是mainwindow.cpp或mainwindow.h，然后在构造函数中添加以下代码：

setStyleSheet("QWidget { border-radius: 10px; }");

上述代码将设置所有的QWidget（包括主窗口）的边框圆角为10个像素。你可以根据需要调整像素值来改变圆角的大小。

步骤 3: 编译和运行程序
完成以上代码后，编译并运行程序。你将看到窗口的边框变为圆角形状。

完整的示例代码如下：


                

                
                
        

    

  


        

                

                  

                  

                  了解本专栏
                  
                  
                    
                  订阅专栏 解锁全文
                   
                

        


    



                



	

		

			

				
					
Qt 之 设置窗口边框的圆角

				
			

			

				

					前行之路还需前行
				

				

					08-01
					
					6万+
					
				

			

		

		

			
				
Qt
paintEvent
setStyleSheet

			
		

	



                

            
              



	

		

			

				
					
用Qt实现带圆角的窗口

				
			

			

				

					CodeVorter的博客
				

				

					08-15
					
					1732
					
				

			

		

		

			
				
设置窗口的flags属性为Qt::FramelessWindowHint，这样可以去除窗口的标题栏和边框。设置窗口的windowOpacity属性可以实现窗口的透明效果。其中，widget是指窗口控件的名称，border-radius表示设置窗口的圆角大小，background表示设置窗口的背景颜色。在Qt中，我们可以通过设置窗口的样式表来实现圆角窗口的效果。通过以上步骤，我们就可以实现一个带有圆角的窗口了。在Qt的设计器中打开你的窗口界面，选择窗口控件。显示窗口：使用show()函数显示窗口即可。

			
		

	



              


  
              

                


	

		

			

				
					
Qt滚动条(QScrollBar)圆角样式问题跟踪

				
			

			

				

					eiilpux17的博客
				

				

					05-07
					
					3391
					
				

			

		

		

			
				
Qt使用样式表设置圆角滚动条的黑色背景问题
今天在知乎上看到一篇文章，描述使用样式表设置圆角滚动条时，圆角四周会有黑色区域而非透明，文章里最后借用 QSlider 来实现圆角滚动条。 
我好奇 Qt 居然会出现这样的Bug，就研究了一下，顺便做个记录。 

设置圆角样式：
QScrollBar 有一些子控件区域，handle 为滑块， add-line、sub-line 默认是滚动条两侧箭头区域，add-page、sub-page 是滑块两侧区域，使用以下样式表设置圆角，除了滑块与主背景，都设置为透明： 


			
		

	





	

		

			

				
					
QDialog，QWidget实现圆角，圆弧边框

				
			

			

				

					
				

				

					03-20
					
					5910
					
				

			

		

		

			
				
1.QDialog，QWidget实现圆角，圆弧边框
注意设置使用setWindowFlags（Qt::Dialog | Qt::FramelessWindowHint），去掉dialog的标题栏显示。在QDialog的的resizeEvent时间中添加一下代码：void CDemoDlg::resizeEvent(QResizeEvent* e)
{
QBitmap bmp(size()); 

			
		

	



		

			
		



	

		

			

				
					
基于Qt的圆角窗口设计与实现

					
最新发布

				
			

			

				

					weixin_36213081的博客
				

				

					09-13
					
					876
					
				

			

		

		

			
				
圆角窗口作为现代用户界面（UI）设计中的重要视觉元素，已被广泛应用于桌面与移动端应用中，如 macOS、iOS、Android 以及各类现代 Web 应用界面。其核心设计理念在于通过柔和的边角提升界面的亲和力与现代感，同时增强用户操作的流畅性与沉浸感。从视觉心理学角度而言，圆角相较于直角更易于引导视线流动，降低视觉疲劳。在工程实现层面，圆角窗口常用于去除系统默认的边框和标题栏，通过自定义绘制实现更灵活的外观控制。这不仅提升了界面的美观度，也为后续的交互优化和动画设计打下了基础。

			
		

	





	

		

			

				
					
【QT入门】 无边框窗口设计之实现圆角窗口

				
			

			

				

					LF__plus的博客
				

				

					04-04
					
					3440
					
				

			

		

		

			
				
【QT入门】 无边框窗口设计之实现圆角窗口

			
		

	





	

		

			

				
					
QT实现圆角窗口

				
			

			

				

					Larry_Yanan的博客
				

				

					03-15
					
					3748
					
				

			

		

		

			
				
用QT做界面开发的时候，时不时会有一些比较刁难人的样式要求，比如你需要将一个独立窗口，设置成圆角样式。
//UI文件中，对最外层窗口的样式设置
#ChooseUsbCamera{	//类名
	background-color: rgb(255, 255, 255);	//背景颜色（白色）
	border-radius: 10px;					//四角圆角的直径
	border-style:solid;						//边框样式（实线）
	border-width:2px;						//边框宽度
	border

			
		

	





	

		

			

				
					
Qt自定义窗口圆角

				
			

			

				

					索命的博客
				

				

					06-10
					
					3731
					
				

			

		

		

			
				
Qt 自定义窗口圆角

			
		

	





	

		

			

				
					
Qt实现圆角窗口

				
			

			

				

					FuJavascript的博客
				

				

					09-23
					
					392
					
				

			

		

		

			
				
在上面的代码中，我们创建了一个QApplication对象，并创建了一个RoundedWindow对象作为应用程序的主窗口。在这个函数中，我们创建了一个QPainter对象，并设置了抗锯齿渲染的渲染提示。首先，我们需要创建一个自定义的窗口类，继承自QWidget或QMainWindow。通过以上的代码，我们就可以实现一个简单的圆角窗口了。你可以根据自己的需求进一步定制窗口的样式和行为，例如添加标题栏、自定义窗口按钮等。完成了窗口的绘制后，我们就可以在应用程序中使用这个自定义的圆角窗口类了。

			
		

	





	

		

			

				
					
qt5设置窗口边框圆角

				
			

			

				

					04-06
				

			

		

		

			
				
使用QSS（Qt样式表）可以设置窗口边框圆角。  首先，在窗口的构造函数中设置窗口的样式：  ```cpp setStyleSheet("QMainWindow {border-radius: 10px;}"); ```  这里将 QMainWindow（窗口的基类）的 border-radius ...

			
		

	





	

		

			

				
					
Qt圆角窗口

				
			

			

				

					simple_core的博客
				

				

					09-21
					
					597
					
				

			

		

		

			
				
问题：自己重写了一个窗口，发现用qss设置圆角了，但是都不生效，不过子窗口圆角都生效了。

			
		

	





	

		

			

				
					
Qt无边框、阴影、圆角、可拖动、有最大化最小化关闭按钮美观UI窗口

				
			

			

				

					12-08
				

			

		

		

			
				
Qt没有直接的API来设置窗口的圆角，但可以通过自定义绘图实现。我们需要覆盖`paintEvent()`函数，并使用`QPainter`和`QPen`来绘制圆角矩形：  ```cpp void MyWidget::paintEvent(QPaintEvent *) {  QPainter painter...

			
		

	





	

		

			

				
					
Qt 设置窗口边框的圆角

				
			

			

				

					beck0724的博客
				

				

					07-03
					
					1517
					
				

			

		

		

			
				
一、通过Qss



border-top-left-radius 设置左上角圆角;
border-top-right-radius 设置右上角圆角;
border-bottom-left-radius 设置左下角圆角;
border-bottom-right-radius 设置右下角圆角;
border-radius 设置四个角圆角;

paintEvent（）需要加如下代码

 ...

			
		

	





	

		

			

				
					
Qt中将窗口或者控件设置为圆角显示

				
			

			

				

					ggggyj的专栏
				

				

					04-25
					
					1742
					
				

			

		

		

			
				
QBitmap bmp(this->size());
    bmp.fill();
    QPainter p(&bmp);
    p.setPen(Qt::NoPen);
    p.setBrush(Qt::black);
    p.drawRoundedRect(bmp.rect(),10,10);  //10表示圆角大小
    this->setMask(bmp);

this为需要设置圆角的窗口指针
如果设置QLabel为圆角显示


    QBitmap...

			
		

	





	

		

			

				
					
Qt中将窗口设置为圆角显示

				
			

			

				

					心向阳光，斗志昂扬！
				

				

					01-27
					
					528
					
				

			

		

		

			
				
设置圆角代码：
 /* 设置关于窗体为圆角 */
    QBitmap bmp(this->size());
    bmp.fill();
    QPainter p(&bmp);
    p.setPen(Qt::NoPen);
    p.setBrush(Qt::black);
    p.drawRoundedRect(bmp.rect(),4,4);
    this->setMask(bmp);

(4，4)为设置圆角范围

...

			
		

	





	

		

			

				
					
QT:控件圆角设置、固定窗口大小

				
			

			

				

					m0_51650696的博客
				

				

					07-25
					
					1104
					
				

			

		

		

			
				
【代码】QT:控件圆角设置、固定窗口大小。

			
		

	





	

		

			

				
					
QT实现窗口圆角

				
			

			

				

					青草 绿叶 百合
				

				

					09-17
					
					6453
					
				

			

		

		

			
				
//==========实现上边角圆弧==========
    setWindowFlags(Qt::FramelessWindowHint);
    QBitmap bmp(this->size());
    bmp.fill();
    QPainter p(&bmp);
//    p.setPen(Qt::NoPen);
//    p.setBrush(Qt::bl

			
		

	





	

		

			

				
					
用Qt实现圆角窗口

				
			

			

				

					weixin_34200628的博客
				

				

					11-28
					
					986
					
				

			

		

		

			
				
我们可以看到Qt Assistant介绍了两种setMask方法，这里我们采用第一种方法。也就是用QBitmap类实例来实现的方面。第二种方法需要自己绘制区域来实现。两种方法都比较灵活。
在dialog.cpp的构造函数中添加如下代码：
    setWindowFlags(Qt::FramelessWindowHint);
 
    //设置关于窗体为圆角
    QBitmap bmp(th...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值