提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:陈津勇|2019-12-20 18:19:41.247|阅读 2790 次
概述:完成本教程,您将熟悉在使用Visual Studio开发应用程序时可用的许多工具、对话框和设计器。在学习有关在集成开发环境(IDE)中工作的同时,您将创建一个“Hello,World”应用程序、设计UI、添加代码。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
相关链接:
先决条件
您可以在本教程中使用.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。
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月,庆圣诞、迎元旦,上“慧都网”小程序签到兑商城通用抵价券>>> 软件商城专属优惠价,领优惠券再享折上折>>>
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
文章转载自:本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢