[VS2019 C#] 写一个PC上位机

灰太狼 2021-09-21 08:14 366阅读 0赞

# 一、创建工程 #

1.用VS2019新建一个“WPF应用(.NET Framework)”类型的项目。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70][]

# 二、加入代码 #

1.新建好后，你会发现，没有Program.cs这个文件，和以前用的不一样，有两个CS文件，一时也毫无头绪，不知从哪里下手，具体如下：双击"Button"控件，也不会产生代码。

![20200605175643719.png][]

不过，别着急，搜索“WPF应用”，就可以搜到很多教程，照着来就行。

2.加入代码的方法：

如下图，点击button控件后，属性栏里有两个图标，一个是扳手，一个是闪电，扳手图标是默认的，设置颜色等选项，而闪电图标就是加入代码的。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 1][]

3.在相应的时件里填入函数名即可，如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 2][]

就会跳转到新生成的代码里，如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 3][]

# 三、wpf 跳转到其他窗口 #

比如，要实现，按下button 就跳转到另一个功能窗口。这里实现页跳转。

1.首先新建一个页，如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 4][]

2.加入代码，如下 ：

private void ClickAboutButton(object sender, RoutedEventArgs e)
            {
                AboutWindow About = new AboutWindow();
                About.Show();
                this.Close();
            }

非常简单，仿真跑起来，一点击按钮，窗口就会跳变。

3.如果窗口要做得和前一个窗口类似，或者是部分相同，个别不同，那么，有一个很简单的方法，就是用BeyondCompare打开两个文件，对比过去就行，非常的简单快捷。

当然，这样改过之后，编译可能会有一些错误，不用担心，按照提示，哪里错就删掉就好，非常简单。

# 四、[WPF中窗体在同一个位置实现不同页面切换][WPF] #

参考自： [https://www.cnblogs.com/Leozi/p/10798642.html ][WPF]

1.在界面布局的预定区域放置一个ContentControl ：

![20200608114125335.png][]

参数可大致填写一下，填好后，“设计”视图里就会出现一个框，再拉伸调整就行。

2.在项目中添加Page。

页面里要放些内容，否则会看不出已经跳过去了。

3.添加响应代码：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 5][]

# 实现显示区 #

实现类似下面的显示区：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 6][]

用TextBox实现:

1.加入Name这个参数。

![20200608160535786.png][]

2.然后就可以使用这个新加入的参数来输入显示内容了，如下：

![20200608160842665.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70]: /images/20210920/973b380f8e274d7587b7bb976ce636cf.png
[20200605175643719.png]: /images/20210920/222f72582f794847b1a825c8980d81f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 1]: /images/20210920/7579a6c3ba3d49e89eadffc8b0eb61a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 2]: /images/20210920/1c429386fdfb4e7e9efbb1f9d5a9c7b8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 3]: /images/20210920/d91d19cb32e7483fafae77a47fd22fad.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 4]: /images/20210920/bfb6f3be8e33448e846d3d0e0a9ec65f.png
[WPF]: https://www.cnblogs.com/Leozi/p/10798642.html
[20200608114125335.png]: /images/20210920/e6ddff44f78344669374e5b07fd4428e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 5]: /images/20210920/230e93e10a7148a792cacdbd479346fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 6]: /images/20210920/a2ce73e40f5549e2af356f8e23bfa332.png
[20200608160535786.png]: /images/20210920/1c8d98ae9bdb43889c5d9cd3125dec54.png
[20200608160842665.png]: /images/20210920/30ed7156189c49c891696cf5e1908e6f.png