C#WPF上位机开发（动态添加控件）

【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163 】

        写图形界面软件的时候，我们经常会遇到一种情况。那就是图形界面上面，显示的控件可能是不定的。有可能多，也有可能少，具体显示多少内容需要根据配置文件而来。这样对我们来说，其实是有点尴尬的。毕竟，大多数场景，软件打开来之后，什么地方配置哪些内容，都是已经确定好的。

        不过没关系，c# wpf也考虑到了这一点，我们可以通过编写代码的方法进行灵活添加和设置。毕竟，在xaml文件留下来的只是一个空的grid界面而已。

1、xaml界面设计

        xaml界面就比较简单，为了显示方便，我们设计了两行。第一行的高度为100，剩下来的空间全部留给第二行。为了放置控件，还特地给这个grid起了一个名字叫mainGrid。

<Window x:Class="WpfApp.MainWindow" xmlns="http://schemas.microsoft /winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft /winfx/2006/xaml" xmlns:d="http://schemas.microsoft /expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:WpfApp" mc:Ignorable="d" Title="MainWindow" Height="450" Width="600"> <Grid > <Grid.RowDefinitions> <RowDefinition Height="100" /> <RowDefinition /> </Grid.RowDefinitions> <Grid Grid.Row="1" x:Name="mainGrid"> <!-- Add your own layout here --> </Grid> </Grid> </Window>

2、初始化按钮

        目前这个case只是为了演示如何添加控件。添加的内容比较少，就是一个按钮。首先初始化按钮，设置按钮的属性，分别是content、width和height。同时还给这个按钮配置了一个回调函数。按钮设置好了，再创建一个stack panel，将按钮装在这个stack panel里面。最后，也是最重要的一步，就是把stack panel保存到mainGrid的space里面，这样就实现了整个界面的部分。

public MainWindow() { InitializeComponent(); AddButtonDynamically(); } private void AddButtonDynamically() { // 创建一个新的Button控件 Button newButton = new Button(); // 设置Button的属性 newButton.Content = "Click me!"; newButton.Width = 100; newButton.Height = 100; // 为Button添加Click事件处理程序 newButton.Click += NewButton_Click; // 创建一个StackPanel并将Button添加到其中 StackPanel stackPanel = new StackPanel(); stackPanel.Children.Add(newButton); // 将StackPanel添加到窗口中的Grid中 mainGrid.Children.Add(stackPanel); }

        按钮回调函数如下所示，

// Click事件处理程序 private void NewButton_Click(object sender, RoutedEventArgs e) { MessageBox.Show("Button Clicked!"); }

3、多线程中更新界面

        除了动态添加空间之外，另外一部分要注意的，就是界面部分和多线程的更新。启动一个线程很简单，不过如果如果在新的线程里面更新界面，这个是需要注意下的。为了说明这个问题，我们更新下界面，

<Window x:Class="WpfApp.MainWindow" xmlns="http://schemas.microsoft /winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft /winfx/2006/xaml" xmlns:d="http://schemas.microsoft /expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:WpfApp" mc:Ignorable="d" Title="MainWindow" Height="450" Width="600"> <Grid > <Grid.RowDefinitions> <RowDefinition Height="100" /> <RowDefinition /> </Grid.RowDefinitions> <Label x:Name="text" Grid.Row="0" Content="0" HorizontalAlignment="Center"> </Label> <Grid Grid.Row="1" x:Name="mainGrid"> <!-- Add your own layout here --> </Grid> </Grid> </Window>

        这个界面和之前的区别就是多了一个Label，放在了row 0当中，命名为text。解析来为了说明多线程，首先我们添加多线程库，

using System.Threading;

        添加完了之后，就可以创建线程，启动线程了。一般每个线程都有对应的线程入口函数，

public MainWindow() { InitializeComponent(); AddButtonDynamically(); Thread newThread = new Thread(new ThreadStart(ThreadMethod)); newThread.Start(); } private void ThreadMethod() { int cnt = 0; while(true) { cnt += 1; Dispatcher.Invoke(() => { // 在UI线程上执行操作（如果需要） text.Content = Convert.ToString(cnt); }); Thread.Sleep(1000); } }

        多线程的操作很正常，这里面需要注意的就是text更新的部分。也就是说，如果需要更新界面的内容，最好用Dispatcher.Invoke()的方法来实现。