用C#繪制九宮格形式的圖片
更新時間：2022年01月26日 11:39:45 作者：gc_2299
大家好，本篇文章主要講的是用C#繪制九宮格形式的圖片，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下
使用GDI+產(chǎn)生九宮格形式的圖片，不考慮局部放大的功能。具體的方式如下：
方法一：圖片上繪制直線
想到的最簡單粗暴的方式就是直接在圖片上繪制九宮格的線，看著像是切成了九片，實際上還是完整的圖片，主要代碼及效果如下所示：
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);
}
}
這種方式的缺點是白線會遮住部分圖片內(nèi)容。如果要實現(xiàn)局部放大，就要計算并保存每部分圖片的位置和大小，等鼠標移動到圖片區(qū)域時，將該部分圖片放大繪制即可。
方法二：切分繪制圖片
Graphics類中的DrawImage函數(shù)有一個重載函數(shù)，可以將圖片的部分區(qū)域內(nèi)容繪制到指定區(qū)域，可以利用該函，將原圖分為九個區(qū)域，然后依次繪制到窗口中，在加上線條即可構(gòu)成九宮格形式。主要代碼及效果圖如下所示：
這種方式的問題是繪制線條時難以精確的將線條繪制到預留的線條區(qū)域，看著效果不太好。
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);
}
}
為避免上述問題，將圖片背景設置為白色，這樣繪制完九片圖形后，結(jié)合背景色，看著就是九宮格形式。代碼就補貼了，就是上面的代碼去掉繪制線條部分，然后在繪制圖片前用白色填充圖片區(qū)域即可。代碼效果如下圖所示。
此時還有一點問題，就是右側(cè)和下方還有一丁點空白（感覺是計算各屬性值時取整造成的）。為消除空白，直接在填充圖片區(qū)域背景色時，填充寬度和高度減少2像素，這樣就不會出現(xiàn)上述問題了。最終的效果如下所示：
g.FillRectangle(Brushes.White, m_startX, m_startY, m_imageWholeWidth-2, m_imageWholeHeight-2);
總結(jié)
到此這篇關于用C#繪制九宮格形式的圖片的文章就介紹到這了,更多相關C#九宮格圖片內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關文章
這篇文章主要為大家詳細介紹了UGUI ScrollRect滑動定位優(yōu)化，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
本文詳細講解了C#中的委托，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
這篇文章主要介紹了C#獲取USB事件API,實例分析了C#操作USB事件的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-05-05
這篇文章主要給大家介紹了關于如何利用C#打印九九乘法表的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
這篇文章主要介紹了C#實現(xiàn)在控制臺輸入密碼顯示星號的方法，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了c# 線程安全隊列的用法原理及使用示例，幫助大家更好的理解和使用c#，感興趣的朋友可以了解下2020-11-11
用C#讀取xml有很多方式，這里我就先使用XmlDocument讀取Xml，用一段代碼遍歷所有元素，并打印student的所有屬性和子節(jié)點的值2013-04-04
“協(xié)變”是指能夠使用與原始指定的派生類型相比,派生程度更大的類型,“逆變”則是指能夠使用派生程度更小的類型,這篇文章主要給大家介紹了關于C#中協(xié)變與逆變的相關資料,需要的朋友可以參考下2022-02-02
使用Unity3D實現(xiàn)選中物體消融特效的方法詳解
消融特效中基Shader?Graph實現(xiàn)了消融特效,本文將基于?Shader?實現(xiàn)消融特效,當前實現(xiàn)消融特效的方法主要有?Alpha?測試消融、clip（或?discard）消融,它們的本質(zhì)都是隨機丟棄一些片元,以實現(xiàn)消融效果,文中有詳細代碼示例,需要的朋友可以參考下2023-10-10
ConcurrentBag<T>實現(xiàn)了IProducerConsumerCollection<T>接口，該接口主要用于生產(chǎn)者消費者模式下，可見該類基本就是為生產(chǎn)消費者模式定制的。然后還實現(xiàn)了常規(guī)的IReadOnlyCollection<T>類，實現(xiàn)了該類就需要實現(xiàn)IEnumerable<T>、IEnumerable、 ICollection類2021-06-06