彩票走势图

Visual Studio 2019教程:使用C#创建应用程序

翻译|使用教程|编辑:陈津勇|2019-12-20 18:19:41.247|阅读 2790 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

免费下载Visual Studio正式版

先决条件

  • 下载并安装Visual Studio

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

配置IDE

启动Visual Studio时将首先打开“Start”窗口,选择“Continue without code”打开开发环境,您将看到工具窗口/菜单和工具栏以及主窗口空间。工具窗口停靠在应用程序窗口的左侧和右侧,顶部有一个搜索框、菜单栏和标准工具栏。加载解决方案或项目时,编辑器和设计器将出现在应用程序窗口的中央空间。开发应用程序时,这是您大部分时间都将用到的区域。

创建项目

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

1、打开Visual Studio 2019。

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

start-window-create-new-project.png

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

exploreide-newprojectcsharp-vs2019.png

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

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

exploreide-nameproject.png

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

exploreide-wpfproject-cs.png

创建项目后,可以对其进行自定义。方法是请从“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",然后保存更改。

窗口应该类似于下图:

1.png

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月,庆圣诞、迎元旦,上“慧都网”小程序签到兑商城通用抵价券>>>   软件商城专属优惠价,领优惠券再享折上折>>>


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP