免費下載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。

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月，慶圣誕、迎元旦，上“慧都網”小程序簽到兌商城通用抵價券>>>   軟件商城專屬優惠價，領優惠券再享折上折>>>