免費(fèi)下載Visual Studio正式版

先決條件

• 下載并安裝Visual Studio。

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

配置IDE

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

創(chuàng)建項(xiàng)目

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

1、打開(kāi)Visual Studio 2019。

2、在開(kāi)始窗口中選擇Create new project。

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

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

4、在下一個(gè)屏幕上為項(xiàng)目命名為HelloWPFApp，然后選擇Create。

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

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

更改MainWindow.xaml的名稱

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

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

如果設(shè)計(jì)器沒(méi)有打開(kāi)，請(qǐng)選擇Greetings.xaml > 按Shift + F7打開(kāi)設(shè)計(jì)器。

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

添加一個(gè)TextBlock控件

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

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

3、選擇TextBlock項(xiàng)并拖動(dòng)到設(shè)計(jì)圖面上的窗口中，將TextBlock控件添加到設(shè)計(jì)圖面上，將控件集中在窗口頂部附近。在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”菜單項(xiàng)保存更改。

接下來(lái)向窗體添加兩個(gè)RadioButton控件。免費(fèi)體驗(yàn)Visual Studio 2019>>>

添加單選按鈕

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

2、選擇RadioButton項(xiàng)并拖動(dòng)到設(shè)計(jì)圖面上的窗口中，將兩個(gè)RadioButton控件添加到設(shè)計(jì)圖面上。移動(dòng)按鈕（通過(guò)選擇按鈕并使用箭頭鍵），使按鈕在TextBlock控件下并排顯示。使用紅色準(zhǔn)則來(lái)對(duì)齊控件。

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

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

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

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

為每個(gè)單選按鈕添加顯示文本

1、在XAML中將HelloButton和yebutton的內(nèi)容屬性更新為“Hello”和“Goodbye”。XAML標(biāo)記現(xiàn)在看起來(lái)應(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)選中

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

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

2、添加一個(gè)IsChecked屬性并將其設(shè)置為T(mén)rue。具體來(lái)說(shuō)是添加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>

最后一個(gè)要添加的UI元素是Button控件。

添加按鈕控件

1、在“Toolbox”中，找到“Button”控件，將其拖動(dòng)到設(shè)計(jì)視圖的窗體中，然后將其添加到“RadioButton”控件下的設(shè)計(jì)圖面。如果您使用的是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)用程序運(yùn)行時(shí)，在用戶選擇單選按鈕并選擇“Display”按鈕之后，將出現(xiàn)一個(gè)消息框：一個(gè)消息框?qū)@示為Hello，另一個(gè)消息框?qū)@示Goodbye。要?jiǎng)?chuàng)建此行為，您將向greeting .xaml.cs中的Button_Click事件添加代碼。

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

打開(kāi)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)建項(xiàng)目、設(shè)計(jì)用戶界面（UI）的全部?jī)?nèi)容。想要知道創(chuàng)建的程序是否可用、有哪些錯(cuò)誤，還需要進(jìn)一步調(diào)試和測(cè)試應(yīng)用成。詳細(xì)的操作步驟，請(qǐng)點(diǎn)擊此處前往查看>>>

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

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