Руководство. Создание первого приложения пакета SDK для приложений Windows в Visual Studio с помощью XAML и C#

Для разработки приложений C# с помощью пакета SDK для приложений Windows выберите разработку приложений WinUI.

Для разработки приложений C# с помощью пакета SDK для приложений Windows выберите разработку приложений WinUI.

1. Откройте Visual Studio и в окне запуска выберите Создать проект.

2. На экране "Создание нового проекта " введите WinUI в поле поиска, выберите шаблон C# для пустого приложения WinUI (Упаковано) и нажмите кнопку "Далее".

   

3. Присвойте проекту имя, HelloWorldи выберите Создать.

   

1. Откройте Visual Studio и в окне запуска выберите Создать проект.

2. На экране создания проекта введите winui в поле поиска, выберите шаблон шаблон C# для пустого приложения, упакованное (WinUI 3 для рабочего стола), и нажмите Далее.

   

3. Присвойте проекту имя, HelloWorldи выберите Создать.

   

1. В Обозревателе решенийдважды щелкните MainWindow.xaml, чтобы открыть редактор разметки XAML.

   

   В редакторе XAML можно добавить или изменить разметку. В отличие от проектов UWP, WinUI 3 не имеет режима проектирования .

   

2. В элементе <Grid> начните вводить <Button. Intellisense предлагает вам вариант кнопки. Нажмите клавишу TAB , чтобы принять.

   

1. В Обозревателе решенийдважды щелкните MainWindow.xaml, чтобы открыть редактор разметки XAML.

   

   В редакторе XAML можно добавить или изменить разметку. В отличие от проектов UWP, WinUI 3 не имеет режима проектирования .

   

2. Просмотрите кнопку , элемент управления, вложенный в StackPanel , находящийся в корне окна .

   

1. В редакторе XAML измените значение "Содержимое кнопки" с текущего значения на "Hello World!".

   

2. Поместите курсор в начальный тег элемента <Button> (после существующих атрибутов, например Content) и начните вводить: Щелкните. Intellisense предлагает новый обработчик событий с именем Button_Click. Вы работаете с этим кодом в следующем разделе.

   

1. В редакторе XAML измените значение "Содержимое кнопки" с текущего значения на "Hello World!".

   

2. Обратите внимание, что для кнопки также указан обработчик событий Click с именем myButton_Click. На следующем этапе вы работаете с этим.

   

1. В обозревателе решенийдважды щелкните страницу кода MainWindow.xaml.cs.

2. Измените код обработчика событий в открываемом окне редактора C#.

   Вот где начинается самое интересное. Обработчик событий по умолчанию выглядит следующим образом:

   

   Давайте изменим его, так что выглядит следующим образом:

   

   Ниже приведен код для копирования и вставки:

   private async void Button_Click(object sender, RoutedEventArgs e)
   {
       var welcomeDialog = new ContentDialog()
       {
           Title = "Hello from HelloWorld",
           Content = "Welcome to your first Windows App SDK app.",
           CloseButtonText = "Ok",
           XamlRoot = ((FrameworkElement)sender).XamlRoot
       };
       await welcomeDialog.ShowAsync();
   }
   

1. В обозревателе решенийдважды щелкните страницу кода MainWindow.xaml.cs.

2. Измените код обработчика событий в открываемом окне редактора C#.

   Вот где начинается самое интересное. Обработчик событий по умолчанию выглядит следующим образом:

   

   Давайте изменим его, так что выглядит следующим образом:

   

   Ниже приведен код для копирования и вставки:

   private async void myButton_Click(object sender, RoutedEventArgs e)
   {
       var welcomeDialog = new ContentDialog()
       {
           Title = "Hello from HelloWorld",
           Content = "Welcome to your first Windows App SDK app.",
           CloseButtonText = "Ok",
           XamlRoot = myButton.XamlRoot
       };
       await welcomeDialog.ShowAsync();
   }