用C#绘制九宫格形式的图片

 更新时间:2022年01月26日 11:39:45   作者:gc_2299  
大家好,本篇文章主要讲的是用C#绘制九宫格形式的图片,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下

使用GDI+产生九宫格形式的图片,不考虑局部放大的功能。具体的方式如下:

方法一:图片上绘制直线

  想到的最简单粗暴的方式就是直接在图片上绘制九宫格的线,看着像是切成了九片,实际上还是完整的图片,主要代码及效果如下所示:

	 m_startX = pnlCanvas.Width / 6;
     m_startY = pnlCanvas.Height / 6;
     m_imageWidth = pnlCanvas.Width - m_startX * 2;
     m_imageHeight = pnlCanvas.Height - m_startY * 2;

     e.Graphics.DrawImage(m_image, m_startX, m_startY, m_imageWidth, m_imageHeight);

     using (Pen p = new Pen(Brushes.White,m_lineWidth))
     {
         int stepX = m_imageWidth / 3;
         int stepY = m_imageHeight / 3;

         for(int i=1;i<3;i++)
         {
             e.Graphics.DrawLine(p, m_startX + i * stepX, m_startY, m_startX + i * stepX, m_startY + m_imageHeight);
             e.Graphics.DrawLine(p, m_startX, m_startY + i * stepY, m_startX + m_imageWidth, m_startY + i * stepY);
         }
     }

在这里插入图片描述

这种方式的缺点是白线会遮住部分图片内容。如果要实现局部放大,就要计算并保存每部分图片的位置和大小,等鼠标移动到图片区域时,将该部分图片放大绘制即可。

方法二:切分绘制图片

  Graphics类中的DrawImage函数有一个重载函数,可以将图片的部分区域内容绘制到指定区域,可以利用该函,将原图分为九个区域,然后依次绘制到窗口中,在加上线条即可构成九宫格形式。主要代码及效果图如下所示:
  这种方式的问题是绘制线条时难以精确的将线条绘制到预留的线条区域,看着效果不太好。

	 m_startX = pnlCanvas.Width / 6-2*m_lineWidth; 
     m_startY = pnlCanvas.Height / 6 - 2 * m_lineWidth;
     m_imageWholeWidth = pnlCanvas.Width - m_startX * 2;
     m_imageWholeHeight = pnlCanvas.Height - m_startY * 2;
     int srcImageSplittedWidth = m_image.Width / 3;
     int srcImageSplittedHeight = m_image.Height / 3;
     int destImageSplittedWidth = (m_imageWholeWidth - 2 * m_lineWidth) / 3;
     int destImageSplittedHeight = (m_imageWholeHeight - 2 * m_lineWidth) / 3;
     
	 for (int heightIndex = 0; heightIndex < 3; heightIndex++)
     {
         for (int widthIndex = 0; widthIndex < 3; widthIndex++)
         {
             g.DrawImage(m_image,
                 new Rectangle(m_startX + destImageSplittedWidth * widthIndex + m_lineWidth * widthIndex, m_startY + destImageSplittedHeight * heightIndex + m_lineWidth * heightIndex, destImageSplittedWidth, destImageSplittedHeight),
                 new Rectangle(srcImageSplittedWidth * widthIndex, srcImageSplittedHeight * heightIndex, srcImageSplittedWidth, srcImageSplittedHeight), GraphicsUnit.Pixel);
         }                
     }
     
	 using (Pen p = new Pen(Brushes.White, m_lineWidth))
     {
        p.Alignment = System.Drawing.Drawing2D.PenAlignment.Center;
        for (int i = 1; i < 3; i++)
        {
            g.DrawLine(p, m_startX + destImageSplittedWidth * i + m_lineWidth * i, m_startY, m_startX + destImageSplittedWidth * i + m_lineWidth * i, m_startY + m_imageWholeHeight);
            g.DrawLine(p, m_startX, m_startY + i * destImageSplittedHeight + m_lineWidth * i, m_startX + m_imageWholeWidth, m_startY + i * destImageSplittedHeight + m_lineWidth * i);
        }
     }        

在这里插入图片描述

为避免上述问题,将图片背景设置为白色,这样绘制完九片图形后,结合背景色,看着就是九宫格形式。代码就补贴了,就是上面的代码去掉绘制线条部分,然后在绘制图片前用白色填充图片区域即可。代码效果如下图所示。

在这里插入图片描述

此时还有一点问题,就是右侧和下方还有一丁点空白(感觉是计算各属性值时取整造成的)。为消除空白,直接在填充图片区域背景色时,填充宽度和高度减少2像素,这样就不会出现上述问题了。最终的效果如下所示:

g.FillRectangle(Brushes.White, m_startX, m_startY, m_imageWholeWidth-2, m_imageWholeHeight-2);

在这里插入图片描述

总结

到此这篇关于用C#绘制九宫格形式的图片的文章就介绍到这了,更多相关C#九宫格图片内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • UGUI ScrollRect滑动定位优化详解

    UGUI ScrollRect滑动定位优化详解

    这篇文章主要为大家详细介绍了UGUI ScrollRect滑动定位优化,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • C#中的委托详解

    C#中的委托详解

    本文详细讲解了C#中的委托,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • C#获取USB事件API实例分析

    C#获取USB事件API实例分析

    这篇文章主要介绍了C#获取USB事件API,实例分析了C#操作USB事件的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-05-05
  • 如何利用C#打印九九乘法表

    如何利用C#打印九九乘法表

    这篇文章主要给大家介绍了关于如何利用C#打印九九乘法表的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • C#实现在控制台输入密码显示星号的方法

    C#实现在控制台输入密码显示星号的方法

    这篇文章主要介绍了C#实现在控制台输入密码显示星号的方法,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • c# 线程安全队列的用法原理及使用示例

    c# 线程安全队列的用法原理及使用示例

    这篇文章主要介绍了c# 线程安全队列的用法原理及使用示例,帮助大家更好的理解和使用c#,感兴趣的朋友可以了解下
    2020-11-11
  • C#读取XML中元素和属性值的实现代码

    C#读取XML中元素和属性值的实现代码

    用C#读取xml有很多方式,这里我就先使用XmlDocument读取Xml,用一段代码遍历所有元素,并打印student的所有属性和子节点的值
    2013-04-04
  • 图文详解C#中的协变与逆变

    图文详解C#中的协变与逆变

    “协变”是指能够使用与原始指定的派生类型相比,派生程度更大的类型,“逆变”则是指能够使用派生程度更小的类型,这篇文章主要给大家介绍了关于C#中协变与逆变的相关资料,需要的朋友可以参考下
    2022-02-02
  • 使用Unity3D实现选中物体消融特效的方法详解

    使用Unity3D实现选中物体消融特效的方法详解

    消融特效中基Shader Graph实现了消融特效,本文将基于 Shader 实现消融特效,当前实现消融特效的方法主要有 Alpha 测试消融、clip(或 discard)消融,它们的本质都是随机丢弃一些片元,以实现消融效果,文中有详细代码示例,需要的朋友可以参考下
    2023-10-10
  • 详解C# ConcurrentBag的实现原理

    详解C# ConcurrentBag的实现原理

    ConcurrentBag<T>实现了IProducerConsumerCollection<T>接口,该接口主要用于生产者消费者模式下,可见该类基本就是为生产消费者模式定制的。然后还实现了常规的IReadOnlyCollection<T>类,实现了该类就需要实现IEnumerable<T>、IEnumerable、 ICollection类
    2021-06-06

最新评论