Visual Studio 2019教程：使用C＃创建应用程序

完成本教程，您将熟悉在使用Visual Studio开发应用程序时可用的许多工具、对话框和设计器。在学习有关在集成开发环境（IDE）中工作的同时，您将创建一个“Hello，World”应用程序、设计UI、添加代码。

先决条件

• 下载并安装Visual Studio。

• 您可以在本教程中使用.NET Framework或.NET Core。.NET Core是更新、更现代的框架，需要Visual Studio 2019版本16.3或更高版本。

配置IDE

创建项目

在Visual Studio中创建应用程序时首先要创建一个项目和一个解决方案。对于本教程，您将创建Windows Presentation Foundation（WPF）项目。

1、打开Visual Studio 2019。

2、在开始窗口中选择Create new project。

3、在Create a new project窗口搜索“WPF”，选择WPF App (.NET Core)，然后点击“Next”。

注意：您可能会发现两个WPF桌面模板，一个用于.NET Framework，另一个用于.NET Core。在本教程中可使用任意一种，但建议将.NET Core用于新开发。（.NET Core模板在Visual Studio 2019版本16.3和更高版本中可用）

4、在下一个屏幕上为项目命名为HelloWPFApp，然后选择Create。

Visual Studio创建HelloWPFApp项目和解决方案，而Solution Explorer显示各种文件。WPF设计器分屏视图中显示了MainWindow.xaml的一个设计视图和XAML视图M。您可以滑动拆分器以显示更多或更少的任一视图，也可以选择仅查看视觉视图或XAML视图。

创建项目后，可以对其进行自定义。方法是请从“View”菜单中选择“Properties Window”（或按F4键），在应用程序中显示和更改项目项、控件和其他项的选项。

更改MainWindow.xaml的名称

给MainWindow一个更具体的名称。在Solution Explorer中右键单击MainWindow.xaml，选择Rename，将文件重命名为Greetings.xaml。

设计用户界面（UI）

如果设计器没有打开，请选择Greetings.xaml > 按Shift + F7打开设计器。

我们将向该应用程序添加三种控件：一个TextBlock控件、两个RadioButton控件和一个Button控件。

添加一个TextBlock控件

1、按Ctrl + Q激活搜索框，然后键入“Toolbox”，从结果列表中选择View > Toolbox。

2、在“Toolbox”中展开“Common WPF Controls”节点查看TextBlock控件。

3、选择TextBlock项并拖动到设计图面上的窗口中，将TextBlock控件添加到设计图面上，将控件集中在窗口顶部附近。在Visual Studio 2019和更高版本中，您可以使用红色准则将控件居中。

现在，窗口应类似于下图：

XAML标记应类似于以下示例：

<Grid>    <TextBlock HorizontalAlignment="Left" Margin="387,60,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top"/></Grid>

自定义文本块中的文本

1、在XAML视图中找到TextBlock的标记，然后将Text属性从TextBox更改为Select a message option and then choose the Display button.

XAML标记应类似于以下示例：

<Grid>    <TextBlock HorizontalAlignment="Left" Margin="387,60,0,0" TextWrapping="Wrap" Text="Select a message option and then choose the Display button." VerticalAlignment="Top"/></Grid>

2、如果需要可再次将TextBlock居中，然后按Ctrl + S或使用“ File”菜单项保存更改。

接下来向窗体添加两个RadioButton控件。免费体验Visual Studio 2019>>>

添加单选按钮

1、在工具箱中找到RadioButton控件。

2、选择RadioButton项并拖动到设计图面上的窗口中，将两个RadioButton控件添加到设计图面上。移动按钮（通过选择按钮并使用箭头键），使按钮在TextBlock控件下并排显示。使用红色准则来对齐控件。

窗口应如下所示：

3、在左侧RadioButton控件的Properties窗口中，将Name属性(Properties窗口顶部的属性)更改为HelloButton。

4、在右侧RadioButton控件的Properties窗口中，将Name属性更改为yebutton，保存更改。

然后将为每个RadioButton控件添加显示文本。以下过程更新RadioButton控件的内容属性。

为每个单选按钮添加显示文本

1、在XAML中将HelloButton和yebutton的内容属性更新为“Hello”和“Goodbye”。XAML标记现在看起来应该类似于下面的例子：

<Grid>     <TextBlock HorizontalAlignment="Left" Margin="252,47,0,0" TextWrapping="Wrap" Text="Select a message option and then choose the Display button." VerticalAlignment="Top"/>     <RadioButton x:Name="HelloButton" Content="Hello" HorizontalAlignment="Left" Margin="297,161,0,0" VerticalAlignment="Top"/>     <RadioButton x:Name="GoodbyeButton" Content="Goodbye" HorizontalAlignment="Left" Margin="488,161,0,0" VerticalAlignment="Top"/></Grid>

将单选按钮设置为默认选中

在此步骤中我们会将HelloButton设置为默认选中，以便始终选择两个单选按钮之一。

1、在XAML视图中找到HelloButton的标记。

2、添加一个IsChecked属性并将其设置为True。具体来说是添加IsChecked=”True”。

XAML标记现在应类似于以下示例：

<Grid>     <TextBlock HorizontalAlignment="Left" Margin="252,47,0,0" TextWrapping="Wrap" Text="Select a message option and then choose the Display button." VerticalAlignment="Top"/>     <RadioButton x:Name="HelloButton" Content="Hello" IsChecked="True" HorizontalAlignment="Left" Margin="297,161,0,0" VerticalAlignment="Top"/>     <RadioButton x:Name="GoodbyeButton" Content="Goodbye" HorizontalAlignment="Left" Margin="488,161,0,0" VerticalAlignment="Top"/></Grid>

最后一个要添加的UI元素是Button控件。

添加按钮控件

1、在“Toolbox”中，找到“Button”控件，将其拖动到设计视图的窗体中，然后将其添加到“RadioButton”控件下的设计图面。如果您使用的是Visual Studio 2019或更高版本，红线可帮助您将控件居中。

2、在XAML视图中将Button控件的Content值从Content=”Button”更改为Content=”Display”，然后保存更改。

窗口应该类似于下图：

XAML标记现在应类似于以下示例：

<Grid>     <TextBlock HorizontalAlignment="Left" Margin="252,47,0,0" TextWrapping="Wrap" Text="Select a message option and then choose the Display button." VerticalAlignment="Top"/>     <RadioButton x:Name="HelloButton" Content="Hello" IsChecked="True" HorizontalAlignment="Left" Margin="297,161,0,0" VerticalAlignment="Top"/>     <RadioButton x:Name="GoodbyeButton" Content="Goodbye" HorizontalAlignment="Left" Margin="488,161,0,0" VerticalAlignment="Top"/>     <Button Content="Display" HorizontalAlignment="Left" Margin="377,270,0,0" VerticalAlignment="Top" Width="75"/></Grid>

将代码添加到显示按钮

当该应用程序运行时，在用户选择单选按钮并选择“Display”按钮之后，将出现一个消息框：一个消息框将显示为Hello，另一个消息框将显示Goodbye。要创建此行为，您将向greeting .xaml.cs中的Button_Click事件添加代码。

1、在设计图面上，双击“Display”按钮。

打开Greetings.xaml.cs，并将光标置于Button_Click事件中。

private void Button_Click(object sender, RoutedEventArgs e){}

2、输入以下代码：

if (HelloButton.IsChecked == true){     MessageBox.Show("Hello.");}else if (GoodbyeButton.IsChecked == true){    MessageBox.Show("Goodbye.");}

3、保存应用程序。

以上就是配置IDE、创建项目、设计用户界面（UI）的全部内容。想要知道创建的程序是否可用、有哪些错误，还需要进一步调试和测试应用成。详细的操作步骤，请点击此处前往查看>>>

想要获得 Visual Studio 更多资源、正版授权的伙伴，请咨询【客服】了解

12月，庆圣诞、迎元旦，上“ ”小程序签到兑商城通用抵价券>>>   软件商城专属优惠价，领优惠券再享折上折>>>

标签：