wpf中利用布局动态添加控件 原创

利用wpf布局动态添加10*10的image控件到窗口上。image控件显示随机的7幅图片。

namespace WpfApplication1
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            Random random = new Random();
            //增加行列10*10
            for (int i = 0; i < 10; i++)
            {   //增加行定义
                RowDefinition row = new RowDefinition();
                GridPic.RowDefinitions.Add(row);
                //增加列定义
                ColumnDefinition col = new ColumnDefinition();
                GridPic.ColumnDefinitions.Add(col);
              
            }
           
            for (int i = 0; i < 10; i++)
            {
                for (int j = 0; j < 10; j++)
                {
                    int number = random.Next(1, 8);
                    //在imgage控件中设置图片
                    Image img = new Image();
                    img.Source = new BitmapImage(new Uri("/images/"+number+".png",UriKind.Relative));

                    Grid.SetRow(img, i);  //设置布局在grid中的第几行和列
                    Grid.SetColumn(img, j);
                    GridPic.Children.Add(img); //加入grid的子节点中。
                   
                }
            }
            
        }

        
       
    }
}

<Grid>
        <Grid Name="GridPic">
          
        </Grid>
</Grid>