itProger Видеокурсы Изучение C# WPF на практике. Создание программ на C# #2 – Основы WPF. Создание калькулятора на WPF

#2 – Основы WPF. Создание калькулятора на WPF

После создания первого WPF проекта вас может удивить обилие вкладок и файлов, что сразу же будут вам доступны в пустом проекте. За урок мы рассмотрим все основные вкладки и файлы любого WPF проекта, а также создадим полноценный калькулятор в ходе урока.

Видеоурок

Разработка дизайна

Для разработки дизайна внутри WPF проекта используется язык XAML. Он обеспечивает построение объектов и добавление к ним свойств. Внутри XAML документа всегда есть один основной объект – Window.

Внутри него могут располагаться дополнительные объекты: текстовые надписи, кнопки, поля для ввода информации, списки, формы и многое другое. К каждому объекту можно добавить стили и указать характеристики.

Пример простого XAML файла представлен ниже:

<Window x:Class="TaskProject.MainWindow"
		xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
		xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
		xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
		xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
		xmlns:local="clr-namespace:TaskProject"
		mc:Ignorable="d"
		Title="MainWindow" Height="150" Width="200">
	<Grid>
		<TextBlock Text="Текстовая надпись" FontSize="15" Margin="15" />
	</Grid>
</Window>

Все объекты можно прописывать вручную или же добавлять их через окно «Панель элементов». Подобное окно можно добавить через вкладку «Вид».

Выбрав какой-либо объект к нему можно добавить стили через вкладку «Свойства» в боковой панели или же можно прописать стили самостоятельно внутри XAML документа.

Добавление функций

Для функций служит отдельный класс, что описывает поведение окна. К примеру, для главного окна таковым классом является «MainWidow.xaml.cs». В таких классах всегда есть конструктор, что срабатывает при запуске окна. Внутри него можно прописывать различные настройки для окна приложения.

Также можно создавать свои отдельные методы или же обработчики событий, что будут срабатывать при взаимодействии с объектами.

Материалы для курса

wpf_simple_calc.zip

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Задание к уроку

Разработка дизайна

Создайте дизайн, как на фото ниже:

Посмотреть ответ

Для создания такого дизайна вы можете использовать следующий код:

<Window x:Class="TaskProject.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:TaskProject"
        mc:Ignorable="d"
        Title="MainWindow" Height="250" Width="300">
    <Grid>
        <TextBlock Text="Hellllo!" FontSize="30" FontWeight="Bold" Foreground="Red" Margin="15" />
        <Button Content="Нажми меня" Width="200" Height="50" />
    </Grid>
</Window>

Получить остальные домашние задания можно после подписки на проект

Большое задание по курсу

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

SQL