C# 如何在另一个图像上添加图像并以网格方式显示？

我有一个较大的图像[A4大小]，我有一个较小的图像[比如说atm卡的大小]，我想把所有的图像[可能是5-6个图像]以网格视图的方式放入大图像中，如下图所示

我的代码看起来像这样。。。但这只添加了一行图像

var bitmap = new Bitmap(884, 1020);
        int k = 33, j = 33;
        for (int i = 1; i < 11;i++ )
        {

            using (var canvas = Graphics.FromImage(bitmap))
            {
                canvas.InterpolationMode = InterpolationMode.HighQualityBicubic;

                canvas.DrawImage(bmp, new Rectangle(k, j, bmp.Width, bmp.Height), new Rectangle(10, 10, bmp.Width, bmp.Height), GraphicsUnit.Pixel);
                canvas.Save();

                canvas.DrawImage(bmp, new Rectangle(k+460, j, bmp.Width, bmp.Height), new Rectangle(10, 10, bmp.Width, bmp.Height), GraphicsUnit.Pixel);
                canvas.Save();
            }
        }
        bitmap.Save(@"c:\LargePic.png");
        BigPic.Image = bitmap as Image;

var位图=新位图（8841020）；
int k=33，j=33；
对于（int i=1；i<11；i++）
{
使用（var canvas=Graphics.FromImage（位图））
{
canvas.InterpolationMode=InterpolationMode.HighQualityBicubic；
DrawImage（bmp，新矩形（k，j，bmp.Width，bmp.Height），新矩形（10，10，bmp.Width，bmp.Height），GraphicsUnit.Pixel）；
canvas.Save（）；
DrawImage（bmp，新矩形（k+460，j，bmp.Width，bmp.Height），新矩形（10，10，bmp.Width，bmp.Height），GraphicsUnit.Pixel）；
canvas.Save（）；
}
}
保存（@“c:\LargePic.png”）；
BigPic.Image=位图作为图像；

检查此项

---

我建议您使用

ListView

而不是

GridView

将图像添加到

列表视图

，并将其显示为缩略图或图库。

---

看这个

你能给我看更多的例子，包括网格，图片吗？我不明白你的问题：（在我的图像中，那些小的彩色框是我的小图像[大小固定]。我想以上图所示的网格方式将这些图像添加到较大的图像中。

<div id="GridViewContainer">
    <div class="grids"><img src="http://kristamoore.com/wp-content/uploads/2013/06/yes-man1.jpg" /></div>
        <div class="grids"><img src="http://kristamoore.com/wp-content/uploads/2013/06/yes-man1.jpg" /></div>
        <div class="grids"><img src="http://kristamoore.com/wp-content/uploads/2013/06/yes-man1.jpg" /></div>
        <div class="grids"><img src="http://kristamoore.com/wp-content/uploads/2013/06/yes-man1.jpg" /></div>
        <div class="grids"><img src="http://kristamoore.com/wp-content/uploads/2013/06/yes-man1.jpg" /></div>
</div>

#GridViewContainer{
    position:absolute;
    width:500px;
    height:500px;
    background:cyan;
    overflow:hidden;
}
#GridViewContainer div{
    width:35%;
    height:35%;
    position:relative;
    float:left;
    background:green;
}


.grids{

    margin-left:10%;
    margin-top:10%;


}
.grids img{
    width:100%;
    height:100%;

}