首先新建一个项目
在xaml文件中的
<Grid>
</Grid>
两行代码之间添加 你自己的grid布局的名称,我这里是叫gridLianliankan, 添加后如图所示,中间两个grid是我自己的
<Grid>
<Grid Name = "gridLianliankan">
</Grid>
</Grid>
然后在.xaml.cs 文件中的
public MainWindow()
{
InitializeComponent();
}
这些代码下加入这些代码
private void Window_Loaded(object sender, RoutedEventArgs e)
{
// 把 gridLianliankan 设置为10*10的网格
for (int n = 0; n < 10; n++)
{
ColumnDefinition colDef = new ColumnDefinition();
gridLianliankan.ColumnDefinitions.Add(colDef); //new 一个列定义
RowDefinition rowDef = new RowDefinition();
gridLianliankan.RowDefinitions.Add(rowDef); // new 一个行定义
}
//设置一个随机
Random rdm = new Random();
// 往每一个网格里填充图片
for (int i = 0; i < 10; i++)
{
for (int j = 0; j < 10; j++)
{
Image img = new Image();
int imgNum = rdm.Next(1, 7); // 随机生成一个>=1 且 <7的整数
// 图片来源再xaml文件可以直接用source,在cs文件中不可
//此处通过代码给source属性赋值
img.Source = new BitmapImage(new Uri("pics/"+imgNum +".jpeg", UriKind.Relative));
Grid.SetColumn(img, i); // 修改控件img 的grid.column属性
Grid.SetRow(img,j); // 修改控件img 的grid.row属性
gridLianliankan.Children.Add(img);
}
}
}
代码都有比较清楚的注释,其中 pics是我自己建立的文件夹的名字,里面装了6张图片
最后整体结果如下(中间的间距可以随意拉伸有无的):
注:图片是我随意在网上找的,如有侵权,请及时联系,将会及时删除。
应该比较详细了,如果不太懂,会把整个包(程序和图)上传的。