Рис.6. Простейшая рисовалка своими руками

Эта статья посвящена тому, как создать приложение типа "MS Paint" в приложении типа Windows Presentation Foundation. Статья ориентирована на средний уровень пользователя или начальный уровень разработчика. Для работы понадобится среда разработки Visual Studio 2013.

Запустите Visual Studio 2013, выберите тип проекта из шаблона Visual C# / Windows / WPF Application (Рис.1) и назовите его WPFApp2 (ну или как хотите).

 

Рис.1. Создать WPF Application в Visual Studio 2013

Рис.1. Создать WPF Application в Visual Studio 2013

 

В свойствах приложения (Properties) выберите нужный фон приложения, заголовок приложения и другие основные настройки (Рис.2). Я решил выбрать темно-синий градиент.

Рис.2. Выбор фона для WPF приложения

Рис.2. Выбор фона для WPF приложения

 

В окне Toolbox по умолчанию довольно мало элементов, а для "рисовалки" понадобится контрол InkCanvas. Чтобы его добавить в список элементов управления, нужно в свободном месте окна ToolBox нажать правой кнопкой мыши и выбрать пункт "Choose Items" (Рис.3)

Рис.3. Добавление элементов управления

Рис.3. Добавление элементов управления

В открывшемся окне во вкладке "WPF Components" выберите "InkCanvas" и нажмите "OK" (Рис.4)

Рис.4. Добавление InkCanvas

Рис.4. Добавление InkCanvas

 

Теперь ператащите из окна ToolBox элемент InkCanvas в окно проекта. В XAML-файле укажите имя контролу (Name) и размеры. В принципе, это можно делать и через окно Properties (Рис.5)

        <InkCanvas x:Name="inkCanvas1"  HorizontalAlignment="Left" Height="299" Margin="10,10,10,10" VerticalAlignment="Top" Width="497"/>

 

Рис.5. Установка свойств элементу управления через окно Properties

Рис.5. Установка свойств элементу управления через окно Properties

 

В принципе, первая часть приложения готова. Если запустить приложение, нажав F5, то сможете создать такую картину:

Рис.6. Простейшая рисовалка своими руками

Рис.6. Простейшая рисовалка своими руками

 

Приложение позволяет только рисовать, нет возможности ни очистить область, ни выбрать цвет и размер кисти, ни сохранить изображение.

Об этом будет в дальнейших публикациях.