[ATL/WTL]_[Gdiplus]_[关于使用Gdiplus来绘制反锯齿的圆角矩形]

最新推荐文章于 2022-03-31 20:04:44 发布
最新推荐文章于 2022-03-31 20:04:44 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： ATL/WTL界面开发 GDI+编程日积月累 文章标签： gdi+ gdiplus 圆角矩形 反锯齿 antialias
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/infoworld/article/details/83451002
版权
在WTL或MFC开发中，为实现美观的圆角矩形按钮，通常需要处理反锯齿问题。GDI+提供了解决方案，通过自定义方法结合GraphicsPath::AddArc绘制椭圆的四部分，并利用直线完成圆角矩形的无锯齿效果。
摘要由CSDN通过智能技术生成

场景

  1. 在使用WTL或MFC开发自定义按钮时, 往往美工设计的按钮都时圆角矩形的. 用GDI的函数RoundRect函数可以简便的绘制圆角矩形, 但是如果椭圆(ellipse)的宽高比较大的时候, 按钮比较大. 这时候按钮的圆角矩形看起来就是有锯齿的(aliasing).

  2. 在GDI的函数里, 没有比较好的函数来实现抗锯齿(antialias), 如果不想自己去解决锯齿效果, 只能使用Gdiplus来解决.

说明

  1. Gdiplus没有自己的RoundRect函数, 所以需要自己实现一个. 其实圆角就是直角坐标系以椭圆形的圆心为原点分割4部分, 在4个角分别绘制椭圆的4个部分, 之后再由上下左右4条直线组成.

  2. 关键的函数还是graphics.SetSmoothingMode(Gdiplus::SmoothingModeAntiAlias);, 没有这个, 绘制出来的圆角矩形和RoundRect是一样的, 有锯齿.

例子

图示
在这里插入图片描述


                

                
                
        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    

      

        

            

              
                
                  Peter(阿斯拉达)
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          

                

                        订阅专栏
                









                



	

		

			

				
					
GDI+ 如何将图片绘制成圆形的图片

				
			

			

				

					极简的随笔
				

				

					03-11
					
					1万+
					
				

			

		

		

			
				
GDI+将图片绘制成圆形图片

			
		

	



                

              
                



	

		

			

				
					
GDI+绘制圆角矩形

				
			

			

				

					07-08
				

			

		

		

			
				
GDI+绘制圆角矩形

			
		

	



                


  
              

                


	

		

			

				
					
GDI+中的圆角矩形

				
			

			

				

					guest78978的专栏
				

				

					06-01
					
					1450
					
				

			

		

		

			
				
作者：Christian Graus翻译：李昊原文出处：http://www.codeproject.com源代码：GDIPlusRoundedRect　　GDI+是对GDI的一个令人兴奋的扩展，但由于某些原因，它没有提供绘制圆角矩形的函数，虽然我们可以在GDI+中使用GDI中的函数，但这样一来我们没办法在圆角矩形中使用GDI+中的纹理和透明色等新特性。怎么办？GDI+中有一个Graphics

			
		

	





	

		

			

				
					
GDI+ /GDI Plus 绘制圆角矩形 Draw retangle round

				
			

			

				

					LYJ个人博客，记录技术、八卦、生活，分享各种心得，期待与朋友们一同进步
				

				

					09-09
					
					9429
					
				

			

		

		

			
				
参考如下：http://sbje5201314.blog.163.com/blog/static/28033862007026104233469/

这是修改过的适合VC++的，目的是画一个圆角矩形，然后用同样颜色填充，没有阴影哦：
#define OFFSET_X 5
#define OFFSET_Y 5
void DrawRoundRectange(Graphics &g,Color p

			
		

	



		

			
		



	

		

			

				
					
GDI+ 自会界面引擎框架搭建 高级源码 圆角矩形阴影窗口-易语言

				
			

			

				

					06-14
				

			

		

		

			
				
一、创建窗口
        * zc窗口类
        * 窗口消息循环
        * 窗口消息过程
        * 窗口界面绘画
        * 窗口随意移动
        * 绑定鼠标事件
        * 窗口阴影效果 -支持圆角矩形阴影效果
二、创建控件
        * 绑定鼠标事件
        * 控件层级绘画
        * 控件区域焦点
        * 控件风格定义
三、控件属性
        * 左边
        * 顶边
        * 宽度
        * 高度
        * 边框
        * 标题
        * 标记
        * 可视
        * 动画 -Gif图片
        * 图形 -控件图形样式：正常、点燃、按下、禁止
        * 色彩 -控件色彩样式：正常、点燃、按下、禁止
        * 字体
        * 圆角
        * 样式 -可扩增控件样式，定义样式风格
        * 绑定 -即绑定鼠标事
四、事件特性
        * 控件和窗口用类事件来绑定接收鼠标（点击、放开、进入、离开）；支持一个事件类绑定所有控件和窗口
        * 每个事件消息都有对应的控件对象句柄。便于读写相关更高级操作。
五、简要说明
MyEvent 用于创建完成后的控件事件绑定使用
hwEvent 是提供给创建控件成功后 作为基类创建控件事件使用 如同（MyEvent）
控件事件，支持，一个空间一个类事件，也可以所有空间共用一个类事件
HwControl类 是通用的控件类。也可以自行扩展更多功能
自绘这方面还是颇有心得；若爱自绘易友们可以一起研究共同进步。

			
		

	





	

		

			

				
					
[ATL/WTL]_[Gdiplus]_[关于使用Graphics::DrawString替换DrawText的说明]

				
			

			

				

					Tobey(我是机器人)
				

				

					10-19
					
					1318
					
				

			

		

		

			
				
场景


在开发WTL或MFC程序时, 绘制文本往往会使用标准的CDC::DrawText函数, 其实也就是调用了GDI的DrawText函数, 但是这个函数绘制出来的文字显示出来的效果会比记事本显示的效果差？什么原因呢.


GDI在绘制文本, 线条时总是感觉比较粗糙, 边缘总是有锯齿, 不够平滑.


说明


因为GDI绘制图形时并没有消除锯齿的效果, 绘制出来的文本线条边缘是不平滑的, 这...

			
		

	





	

		

			

				
					
[WTL/ATL]_[Gdiplus]_[绘制虚线并设置破折号空格的宽度]

				
			

			

				

					Tobey(我是机器人)
				

				

					03-31
					
					570
					
				

			

		

		

			
				
场景

WTL界面开发时，有些情况下需要绘制虚线，比如圆角矩形的虚线，默认的破折号和点之间的空格特别小，看着比较密集，那么如何增加点线之间的空格，或者增加破折号的长度？


说明


使用Gdiplus绘制圆角矩形是比Gdi简单，因为它提供了路径GraphicsPath和抗锯齿模式SmoothingModeAntiAlias. 在之前的文章[2]也说过如何绘制圆角矩形。


使用GraphicsPath也得使用Pen对象，它设置了画线的画笔。之后设置虚线使用以下的方法:

pen.SetDashStyle(

			
		

	





	

		

			

				
					
[ATL/WTL]_[Gdiplus]_[实现按钮的阴影效果]

				
			

			

				

					Tobey(我是机器人)
				

				

					10-29
					
					1007
					
				

			

		

		

			
				
场景


在WTL开发时, 由于界面需要, 很多按钮都是奇形怪状的. 比如卡片形状, 圆角矩形等等. 只要是点击能响应一个事件的, 我们都可以看做是一个异形按钮. 其中让按钮呈现立体效果, 动画效果等一直是实现自定义按钮的难点.


系统按钮一般是带3D效果的按钮. 我们这里实现自带阴影效果的按钮一样具备很好的特效, 阴影按钮特别适合在面积比较大的卡片按钮上.


说明


Gdiplus窗口实现...

			
		

	





	

		

			

				
					
[ATL/WTL]_[Gdiplus]_[Windows窗口如何显示GIF动画]

				
			

			

				

					Tobey(我是机器人)
				

				

					05-05
					
					749
					
				

			

		

		

			
				
场景

在使用 WTL 和 Gdiplus 开发界面程序时,我们需要在界面显示 GIF的动画,可惜 WTL 和 Gdiplus并没有执行显示 GIF动画的API. 那我们如何做?

说明


GIF文件关键的2个参数, 图片的帧数,每帧的时间间隔. 如果能获取到这2个参数，那么我们就可以让帧索引递增，并逐帧绘制图片。


获取图片的帧数，可以通过以下方法，我们需要做的是构造方法的参数. 在Imag...

			
		

	





	

		

			

				
					
如何使用GDI+制作圆形图片(类似QQ圆形头像)（MFC，VC）

				
			

			

				

					07-29
				

			

		

		

			
				
Bitmap b(image.GetWidth(),image.GetHeight());如何使用GDI+制作圆形图片(类似QQ圆形头像)（MFC，VC）

			
		

	





	

		

			

				
					
GDI 实现抗锯齿

				
			

			

				

					12-04
				

			

		

		

			
				
GDI 实现抗锯齿 GDI 实现抗锯齿 GDI 实现抗锯齿

			
		

	





	

		

			

				
					
GDI 绘制圆角矩形

				
			

			

				

					01-15
				

			

		

		

			
				
GDI+绘制圆角矩形，有一定的参考价值……。

			
		

	





	

		

			

				
					
GdiPlus清理椭圆区域锯齿

				
			

			

				

					lxxmwe的博客
				

				

					06-10
					
					1010
					
				

			

		

		

			
				
使用Gdi可创建椭圆区域：
  CRgn rgn;
  rgn.CreateEllipticRgnIndirect(&rcRgn);

但是这种方法会有比较大的锯齿边缘，为了美观效果，我们常常引用GdiPlus来清理锯齿：
Gdiplus::GraphicsPath path; // 创建路径
path.AddEllipse(rcRgn.left, rcRgn.top, rcRgn.W

			
		

	





	

		

			

				
					
GDI+ 如何绘制圆角矩形(vc++)

				
			

			

				

					FishYu的专栏
				

				

					06-08
					
					7283
					
				

			

		

		

			
				
圆角矩形在GDI+中没有现成的函数，所以我们需要自行绘制，采用路径绘制方法，我已经封装成类
效果图


使用方法：
1、创建路径对象
CGraphicsRoundRectPath  RoundRectPath;//创建圆角矩形路径对象2、添加矩形区域到路径
RoundRectPath.AddRoundRect(rect.X,rect.Y,rect.Width,rect.Height,

			
		

	





	

		

			

				
					
GDI+图像扭曲变形 [转]

				
			

			

				

					祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
				

				

					04-12
					
					3559
					
				

			

		

		

			
				
<br />出来的效果是椭圆或圆形，呈涡状，视原始图片而定。<br />总体来说，这个代码处理的速度很慢，如果使用不安全代码的话，在性能上会有很大的提升。<br /> <br />        private void button1_Click(object sender, EventArgs e)<br />        {<br />            Bitmap image = new Bitmap(@"c:/DSC_0096_S.JPG");<br />            int x

			
		

	





	

		

			

				
					
MFC工程中GDI（非GDI+）画图反走样 抗锯齿 算法

				
			

			

				

					lenojackson的博客
				

				

					08-21
					
					5535
					
				

			

		

		

			
				
MFC工程中GDI（非GDI+）画图反走样 抗锯齿 算法



我们先来看一下处理前后的效果图

处理前



处理后

 
在使用GDI画图时很容易就会出现锯齿，网上给出的方法是使用GDI+，虽然简单，但是限制了软件的移植。 
在这向大家分享一套反走样的算法



代码

void DrawLine( CDC *pDC, int X0, int Y0, int X1, int Y1, COLOR...

			
		

	





	

		

			

				
					
WTL 绘制 圆角对话框  自绘对话框

				
			

			

				

					空持百千偈的博客
				

				

					11-25
					
					285
					
				

			

		

		

			
				
主要思路：
先把对话框设为透明，再画一个圆角矩形

具体代码：

1.设置透明，在OnInitDialog添加如下代码。
关于SetLayeredWindowAttributes函数的具体使用方法，可参照：
WTL 设置窗口透明 SetLayeredWindowAttributes使用方法
	LONG nExStyle = ::GetWindowLong(m_hWnd, GWL_EXSTYLE);...

			
		

	





	

		

			

				
					
GDI+绘制圆环，抗锯齿

				
			

			

				

					jiangqin115的专栏
				

				

					03-10
					
					1807
					
				

			

		

		

			
				
COLORREF m_crOuterClr;
COLORREF m_crInnerClr;
CSize m_sizeInnerPos;

void CRoundWnd::OnPaint(Gdiplus::Graphics* dc)
{
    //抗锯齿 
	dc->SetSmoothingMode(Gdiplus::SmoothingModeHighQuality);

	//外圆
	G...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
Peter(阿斯拉达)

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值