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

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

场景

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

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

说明

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

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

例子

图示
在这里插入图片描述


                

                
                
        

    


  


        

                

                  

                  

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

            
            
            
        


    



                



	

		

			

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

				
			

			

				

					极简的随笔
				

				

					03-11
					
					1万+
					
				

			

		

		

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

			
		

	



                

            
              



	

		

			

				
					
MFC绘图-改进抗锯齿效果

				
			

			

				

					DevNinja的博客
				

				

					08-18
					
					743
					
				

			

		

		

			
				
在MFC中，绘制图形时常会遇到锯齿感过强的问题，这给图形的观感带来了一定的影响。本文将介绍如何在MFC应用程序中实现抗锯齿绘图的效果，并提供相应的源代码。通过以上的代码和描述，我们可以轻松地在MFC应用程序中实现抗锯齿绘图的效果。通过使用GDI+库提供的函数和类，我们能够更好地控制绘图操作，改善图形的观感。接下来，我们需要修改绘制图形的代码，以实现抗锯齿效果。在这段代码中，我们首先创建了一个Graphics对象，它会将CDC对象与GDI+库中的绘图功能关联起来。在绘制前后，我们分别开启和关闭了抗锯齿效果。

			
		

	



              


  
              

                


	

		

			

				
					
GDI+绘制圆角矩形

				
			

			

				

					07-08
				

			

		

		

			
				
GDI+绘制圆角矩形

			
		

	





	

		

			

				
					
GDI+中的圆角矩形

				
			

			

				

					guest78978的专栏
				

				

					06-01
					
					1551
					
				

			

		

		

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

			
		

	



		

			
		



	

		

			

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

				
			

			

				

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

				

					09-09
					
					9633
					
				

			

		

		

			
				
参考如下：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]_[关于混用GDI和GDI+(GDIPlus)导致显示不正常的解决方案]

				
			

			

				

					小白
				

				

					07-31
					
					1792
					
				

			

		

		

			
				
场景

有一次开发WTL窗口时，使用GDI的CMemoryDC来绘制中文文字显示不出来，但是文字改为英文就绘制出来的，确认字符集,字体，坐标都没问题，那是什么情况？

说明


在开发WTL程序时, 我们有时候会容易混合使用GDI和GDI+，比如使用GDI的CDC的方法RoundRect绘制圆角矩形，而GDI+没有类似的方法。同样，使用GDI+轻松绘制png图片，而GDI绘制需要繁琐的转换。但是，实际上，微软MSDN文档说明GDI和GDI+是不能混用的，上边的绘制不出来中文就是混用导致的结果之一。


微软

			
		

	





	

		

			

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

				
			

			

				

					小白
				

				

					10-19
					
					1577
					
				

			

		

		

			
				
场景


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


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


说明


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

			
		

	





	

		

			

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

				
			

			

				

					小白
				

				

					10-29
					
					1184
					
				

			

		

		

			
				
场景


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


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


说明


Gdiplus窗口实现...

			
		

	





	

		

			

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

				
			

			

				

					小白
				

				

					03-31
					
					766
					
				

			

		

		

			
				
场景

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


说明


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


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

pen.SetDashStyle(

			
		

	





	

		

			

				
					
如何使用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
					
					1157
					
				

			

		

		

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

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

			
		

	





	

		

			

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

				
			

			

				

					FishYu的专栏
				

				

					06-08
					
					7822
					
				

			

		

		

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


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

			
		

	





	

		

			

				
					
GDI+图像扭曲变形 [转]

				
			

			

				

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

				

					04-12
					
					3619
					
				

			

		

		

			
				
<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
					
					6543
					
				

			

		

		

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



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

处理前



处理后

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



代码

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

			
		

	





	

		

			

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

				
			

			

				

					空持百千偈的博客
				

				

					11-25
					
					359
					
				

			

		

		

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

具体代码：

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

			
		

	





	

		

			

				
					
在C#用GDI+实现图形图像的任意变形效果？

					
热门推荐

				
			

			

				

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

				

					12-04
					
					1万+
					
				

			

		

		

			
				
如何实现类似PHOTOSHOP中的图像任意变形效果，目前GDI+可以轻松实现由长方形变成任意平行四边形，但无法轻意解决变成梯形、三角形和任意四边形。例如下例：扭曲变形效果之一:扭曲变形效果之二:在下一代操作系统Vista中, 图形图像通过WPF的三维映射相应方式可以解决此问题(见我的一篇文章:在Expression Blend中制作侧面为梯形的类棱柱体),但有没有更直接的算法来解决此问题呢?经过搜

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
白行峰 (花名)

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

		

	

	

			

	

	

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

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值