Visual Studio 2019教程：使用C＃創(chuàng)建應(yīng)用程序

免費下載Visual Studio正式版

先決條件

• 下載并安裝Visual Studio。

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

配置IDE

啟動Visual Studio時將首先打開“Start”窗口，選擇“Continue without code”打開開發(fā)環(huán)境，您將看到工具窗口/菜單和工具欄以及主窗口空間。工具窗口停靠在應(yīng)用程序窗口的左側(cè)和右側(cè)，頂部有一個搜索框、菜單欄和標(biāo)準(zhǔn)工具欄。加載解決方案或項目時，編輯器和設(shè)計器將出現(xiàn)在應(yīng)用程序窗口的中央空間。開發(fā)應(yīng)用程序時，這是您大部分時間都將用到的區(qū)域。

創(chuàng)建項目

在Visual Studio中創(chuàng)建應(yīng)用程序時首先要創(chuàng)建一個項目和一個解決方案。對于本教程，您將創(chuàng)建Windows Presentation Foundation（WPF）項目。

1、打開Visual Studio 2019。

2、在開始窗口中選擇Create new project。

3、在Create a new project窗口搜索“WPF”，選擇WPF App (.NET Core)，然后點擊“Next”。

注意：您可能會發(fā)現(xiàn)兩個WPF桌面模板，一個用于.NET Framework，另一個用于.NET Core。在本教程中可使用任意一種，但建議將.NET Core用于新開發(fā)。（.NET Core模板在Visual Studio 2019版本16.3和更高版本中可用）

4、在下一個屏幕上為項目命名為HelloWPFApp，然后選擇Create。

Visual Studio創(chuàng)建HelloWPFApp項目和解決方案，而Solution Explorer顯示各種文件。WPF設(shè)計器分屏視圖中顯示了MainWindow.xaml的一個設(shè)計視圖和XAML視圖M。您可以滑動拆分器以顯示更多或更少的任一視圖，也可以選擇僅查看視覺視圖或XAML視圖。

創(chuàng)建項目后，可以對其進(jìn)行自定義。方法是請從“View”菜單中選擇“Properties Window”（或按F4鍵），在應(yīng)用程序中顯示和更改項目項、控件和其他項的選項。

更改MainWindow.xaml的名稱

給MainWindow一個更具體的名稱。在Solution Explorer中右鍵單擊MainWindow.xaml，選擇Rename，將文件重命名為Greetings.xaml。

設(shè)計用戶界面（UI）

如果設(shè)計器沒有打開，請選擇Greetings.xaml > 按Shift + F7打開設(shè)計器。

我們將向該應(yīng)用程序添加三種控件：一個TextBlock控件、兩個RadioButton控件和一個Button控件。

添加一個TextBlock控件

1、按Ctrl + Q激活搜索框，然后鍵入“Toolbox”，從結(jié)果列表中選擇View > Toolbox。

2、在“Toolbox”中展開“Common WPF Controls”節(jié)點查看TextBlock控件。

3、選擇TextBlock項并拖動到設(shè)計圖面上的窗口中，將TextBlock控件添加到設(shè)計圖面上，將控件集中在窗口頂部附近。在Visual Studio 2019和更高版本中，您可以使用紅色準(zhǔn)則將控件居中。

現(xiàn)在，窗口應(yīng)類似于下圖：

XAML標(biāo)記應(yīng)類似于以下示例：

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

自定義文本塊中的文本

1、在XAML視圖中找到TextBlock的標(biāo)記，然后將Text屬性從TextBox更改為Select a message option and then choose the Display button.

XAML標(biāo)記應(yīng)類似于以下示例：

<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項并拖動到設(shè)計圖面上的窗口中，將兩個RadioButton控件添加到設(shè)計圖面上。移動按鈕（通過選擇按鈕并使用箭頭鍵），使按鈕在TextBlock控件下并排顯示。使用紅色準(zhǔn)則來對齊控件。

窗口應(yīng)如下所示：

3、在左側(cè)RadioButton控件的Properties窗口中，將Name屬性(Properties窗口頂部的屬性)更改為HelloButton。

4、在右側(cè)RadioButton控件的Properties窗口中，將Name屬性更改為yebutton，保存更改。

然后將為每個RadioButton控件添加顯示文本。以下過程更新RadioButton控件的內(nèi)容屬性。

為每個單選按鈕添加顯示文本

1、在XAML中將HelloButton和yebutton的內(nèi)容屬性更新為“Hello”和“Goodbye”。XAML標(biāo)記現(xiàn)在看起來應(yīng)該類似于下面的例子：

<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>

將單選按鈕設(shè)置為默認(rèn)選中

在此步驟中我們會將HelloButton設(shè)置為默認(rèn)選中，以便始終選擇兩個單選按鈕之一。

1、在XAML視圖中找到HelloButton的標(biāo)記。

2、添加一個IsChecked屬性并將其設(shè)置為True。具體來說是添加IsChecked="True"。

XAML標(biāo)記現(xiàn)在應(yīng)類似于以下示例：

<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”控件，將其拖動到設(shè)計視圖的窗體中，然后將其添加到“RadioButton”控件下的設(shè)計圖面。如果您使用的是Visual Studio 2019或更高版本，紅線可幫助您將控件居中。

2、在XAML視圖中將Button控件的Content值從Content="Button"更改為Content="Display"，然后保存更改。

窗口應(yīng)該類似于下圖：

XAML標(biāo)記現(xiàn)在應(yīng)類似于以下示例：

<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>

將代碼添加到顯示按鈕

當(dāng)該應(yīng)用程序運行時，在用戶選擇單選按鈕并選擇“Display”按鈕之后，將出現(xiàn)一個消息框：一個消息框將顯示為Hello，另一個消息框?qū)@示Goodbye。要創(chuàng)建此行為，您將向greeting .xaml.cs中的Button_Click事件添加代碼。

1、在設(shè)計圖面上，雙擊“Display”按鈕。

打開Greetings.xaml.cs，并將光標(biāo)置于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、保存應(yīng)用程序。

以上就是配置IDE、創(chuàng)建項目、設(shè)計用戶界面（UI）的全部內(nèi)容。想要知道創(chuàng)建的程序是否可用、有哪些錯誤，還需要進(jìn)一步調(diào)試和測試應(yīng)用成。詳細(xì)的操作步驟，請點擊此處前往查看>>>

想要獲得 Visual Studio 更多資源、正版授權(quán)的伙伴，請了解

12月，慶圣誕、迎元旦，上“慧都網(wǎng)”小程序簽到兌商城通用抵價券>>>   軟件商城專屬優(yōu)惠價，領(lǐng)優(yōu)惠券再享折上折>>>