uwp
UWP Hello World
Поиск…
Синтаксис
- Это простой пример популярного «Hello World!». для универсальной платформы Windows в Windows 10.
Hello World - универсальная платформа Windows
После запуска Visual Studio 2015 перейдите в File → New → Project
. В диалоговом окне « Новый проект » перейдите в дерево шаблонов к Visual C# → Windows → Universal
и выберите « Blank App (Universal Windows)
. Затем нам нужно заполнить форму для описания приложения:
- Имя : это имя приложения, которое будет отображаться пользователю. Установите его в
HelloWorld
или используйте пользовательский заголовок. - Местоположение : указывает, где будет храниться проект
- Название решения : это своего рода контейнер проектов, который объединяет несколько проектов, связанных с одним и тем же приложением (например, решение может состоять из проекта пользовательского интерфейса и модельного проекта). Вы можете указать то же
Name
что и ваш первоначальный проект.
Содержимое проекта по умолчанию
Вы получите проект со следующими файлами:
- Package.appxmanifest : описывает свойства вашего приложения. Он содержит некоторые настройки пользовательского интерфейса, такие как его имя disaply, его логотип, поддерживаемые вращения. В нем также содержатся технические параметры, такие как точка входа приложения (по умолчанию это класс
App
). Наконец, он также перечисляет авторизации, которые требуются вашему приложению на вкладке « Возможности »; например, если вы хотите использовать веб-камеру в своем приложении, вам нужно будет проверить соответствующие возможности. - App.xaml / App.xaml.cs : класс
App
является точкой входа по умолчанию вашего приложения. Файлы xaml могут содержать ресурсы, общие для всего приложения, такие как настройки стилей или экземпляр класса, который вы хотите использовать, например локатор ViewModel. Файлы, содержащие код, содержат весь код запуска приложения. По умолчанию он реализует методOnLaunched
который вызывается конечным пользователем. Он инициализирует окно и перемещается на первую страницу приложения (по умолчанию классMainPage
). - MainPage.xaml / MainPage.xaml.cs : это начальная страница нашего приложения. Он содержит только пустую сетку, которая является элементом управления компоновкой.
Изменить вид
Откройте MainPage.xaml
и замените элемент управления сеткой на
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Button Click="Button_Click">Say Hello !</Button>
<TextBlock Grid.Column="1"
VerticalAlignment="Center"
x:Name="myText"
Text="Click the button." />
</Grid>
Это создаст сетку с двумя столбцами. Первый столбец в качестве ширины, заданный auto
что означает, что он будет автоматически установлен в зависимости от размера его дочерних элементов. Второй столбец будет растянут, чтобы заполнить оставшееся пространство в окне. Эта сетка содержит два элемента:
-
Button
которая находится в первом столбце. Событие клика привязывается к методуButton_Click
в коде, а его текст под заголовком «Скажите привет!». , -
TextBlock
который находится во втором столбце. В этом тексте установлен «Нажмите кнопку». , И мы установили имя для этого элемента управления с помощью атрибутаx:Name
. Это необходимо для использования элемента управления в коде. ВMainPage.xaml.cs
добавьте следующий код:
private void Button_Click(object sender, RoutedEventArgs e)
{
this.myText.Text = "Hello World!";
}
Это метод, который будет вызываться, когда пользователь щелкает (или отжимает) кнопку. И он обновит TextBlock
и установит его текст в «Hello World!». ,
Запуск приложения
Чтобы запустить приложение, вы можете использовать меню Debug → Start Debugging
или ярлык F5
. По умолчанию он запустит приложение на вашем локальном компьютере.