Сложение двух чисел в Visual Studio 2015 на C# (Windows 10 UWP приложение)

В статье рассказывается как создать приложение сложения двух чисел в Visual Studio 2015 на C# в виде универсального приложения под Windows 10 или Metro приложения.

📖 Содержание ⬇️

Содержание

Подготовка
Создание проекта
Интерфейс приложения
Написание кода основной программы
Запуск программы

Подготовка

Если вы впервые хотите знаться созданием подобных приложений в Visual Studio, то скорее всего данный модуль не будет установлен.

Плюс также при создании приложения Windows попросит перевести устройство в режим разработчика:

Сообщение об необходимости включения режима разработчика

Рисунок 1 — Сообщение об необходимости включения режима разработчика

Включение режима разработчика в Windows 10

Рисунок 2 — Включение режима разработчика в Windows 10

Подтверждение включения режима разработчика

Рисунок 3 — Подтверждение включения режима разработчика

Создание проекта

Создание нового проекта

Рисунок 4 — Создание нового проекта

Выбор типа нового проекта

Рисунок 5 — Выбор типа нового проекта

Созданный проект

Рисунок 6 — Созданный проект

Интерфейс приложения

Откройте файл MainPage.xaml:

Файл MainPage.xaml в обозревателе решений

Рисунок 7 — Файл MainPage.xaml в обозревателе решений

Если находитесь не в конструкторе, то перейдите в него. Конструктор открывается не очень быстро. В результате увидите это окно:

Окно редактора интерфейса

Рисунок 8 — Окно редактора интерфейса

Пока мы не собираемся писать приложения под все платформы с адаптивным дизайном, поэтому в качестве платформы для конструктора выберете Desktop:

Выбор устройства, под которое будет создаваться приложение

Рисунок 9 — Выбор устройства, под которое будет создаваться приложение

Перетащите два textBox на форму, в которые будем записывать наши числа:

Поля ввода текста

Рисунок 10 — Поля ввода текста

И поменяйте значения в этих полях ввода:

Изменение первоначального значения

Рисунок 11 — Изменение первоначального значения

Перетащите кнопку на форму:

Кнопка на форме приложения

Рисунок 12 — Кнопка на форме приложения

Перетащите третий textBox на форму, в которую мы будем выводить информацию, и растяните его:

Поле для вывода информации

Рисунок 13 — Поле для вывода информации

Написание кода основной программы

Щелкнете по кнопке двойным кликом:

Двойной клик по кнопке

Рисунок 14 — Двойной клик по кнопке

Мы получили метод, в котором прописываем реакцию на клик нашей мыши:

Метод обработки клика кнопки

Рисунок 15 — Метод обработки клика кнопки

В фигурных скобках пропишем код нашей программы по считыванию двух чисел, их сложении и выводе результата:

int x, y, z;

// Считаем значение из первого lineEdit
string S1 = textBox.Text;
// Переведем значение в число
x = Convert.ToInt32(S1);

// Считаем значение из второго lineEdit
string S2 = textBox1.Text;
// Переведем значение в число
y = Convert.ToInt32(S2);

// Посчитаем сумму
z = x + y;

// Выведем результат
textBox2.Text = z.ToString();

Код метода обработки клика кнопки