Руководство по созданию приложения Windows Forms для просмотра рисунков (.NET Framework)

В этой серии трех руководств вы создадите приложение Windows Forms, которое загружает рисунок и отображает его. Интегрированная среда разработки Visual Studio (IDE) предоставляет инструменты, необходимые для создания приложения.

В этом первом руководстве описано, как:

• Создание проекта Visual Studio, использующего Windows Forms
• Добавление элемента макета
• Запуск приложения

Чтобы создать приложение Windows Forms с помощью .NET, следуйте инструкциям в руководстве по созданию приложения Windows Forms с помощью .NET. Дополнительные сведения см. в руководстве по рабочему столу в Windows Forms .NET .

Предпосылки

• Для работы с этим руководством вам потребуется Visual Studio. Посетите страницу загрузки Visual Studio, чтобы скачать бесплатную версию.
• Рабочая нагрузка разработки настольных приложений .NET. Чтобы проверить или установить эту рабочую нагрузку в Visual Studio, выберите Инструменты>Получить средства и функции. Дополнительные сведения см. в разделе Изменение рабочих нагрузок или отдельных компонентов.

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

При создании средства просмотра рисунков сначала необходимо создать проект приложения Windows Forms.

1. Откройте Visual Studio.

2. В окне запуска выберите Создание нового проекта.

   

3. В окне создания проекта найдите Windows Forms. Затем выберите "Рабочий стол" в списке типов проекта .

4. Выберите шаблон приложения Windows Forms (.NET Framework) для C# или Visual Basic, а затем нажмите кнопку "Далее".

   

5. В окне "Настройка нового проекта" назовите проект PictureViewer, а затем нажмите кнопку "Создать".

   

Visual Studio создает решение для приложения. Решение — это контейнер для всех проектов и файлов, необходимых приложению.

На этом этапе Visual Studio отображает пустую форму в конструкторе форм Windows.

Добавление элемента макета

Приложение для просмотра изображений содержит элемент для отображения изображений, флажок и четыре кнопки, которые добавляются в следующем уроке. Элемент макета управляет расположением элементов на форме. В этом разделе показано, как изменить название формы, изменить размер формы и добавить элемент макета.

1. В проекте выберите конструктор Windows Forms. Вкладка считывает Form1.cs [конструктор] для C# или Form1.vb [конструктор] для Visual Basic.

2. Выберите в любом месте формы 1.

3. В окне "Свойства" теперь отображаются свойства формы. Окно свойств обычно находится в правом нижнем углу Visual Studio. Этот раздел управляет различными свойствами, такими как цвет переднего плана и фона, текст заголовка, который отображается в верхней части формы, а также размер формы.

   Если вы не видите свойства, выберите окно "Просмотр>свойств".

4. Найдите свойство Text в окне "Свойства ". В зависимости от способа сортировки списка может потребоваться прокрутить вниз. Введите значение Picture Viewer и нажмите Enter.

   Теперь форма содержит текстовое средство просмотра рисунков в строке заголовка.

   Замечание

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

5. Снова выберите форму. Выберите нижний правый дескриптор перетаскивания формы. Маркер — это небольшой белый квадрат в правом нижнем углу формы.

   

   Перетащите ползунок, чтобы сделать форму шире и немного выше. При просмотре окна "Свойства" свойство Size отличается. Вы также можете изменить размер формы, изменив свойство Size .

6. В левой части интегрированной среды разработки Visual Studio выберите вкладку Панель элементов. Если вы не видите её, выберите Вид>Панель элементов в строке меню или Ctrl+Alt+X.

7. Выберите небольшой символ треугольника рядом с контейнерами , чтобы открыть группу.

   

8. Дважды щелкните TableLayoutPanel на панели инструментов. Вы также можете перетащить элемент управления из панели элементов в форму. Элемент управления TableLayoutPanel отображается в форме.

   

   Замечание

   После того как вы добавите TableLayoutPanel, если в форме появится окно с заголовком "Задачи TableLayoutPanel", щелкните в любом месте внутри формы, чтобы закрыть его.

9. Выберите TableLayoutPanel. Вы можете проверить, какой элемент управления выбран, просмотрев окно "Свойства ".

   

10. Выбрав TableLayoutPanel, найдите свойство Dock , которое имеет значение None. Щелкните стрелку раскрывающегося списка и нажмите кнопку "Заливка", которая является большой кнопкой в середине раскрывающегося меню.

    

    Закрепление означает, как окно закреплено к другому окну или области.

    TableLayoutPanel теперь заполняет всю форму. При повторном изменении размера формы таблица TableLayoutPanel остается закрепленной и подстраивает свой размер.

11. В форме выберите TableLayoutPanel. В правом верхнем углу есть небольшая черная кнопка треугольника.

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

    

12. Выберите "Изменить строки и столбцы" , чтобы отобразить диалоговое окно "Стили столбцов и строк ".

13. Выберите Column1 и задайте для нее значение 15 %. Убедитесь, что выбран параметр "Процент ".

14. Выберите столбец 2 и установите для него значение 85 %.

    

15. В диалоговом окне "Показать " в верхней части диалогового окна "Стили столбцов и строк " выберите "Строки". Задайте значение Row1 равным 90 % и Row2 равным 10 %. Нажмите кнопку ОК, чтобы сохранить изменения.

    TableLayoutPanel теперь имеет большую верхнюю строку, небольшую нижнюю строку, небольшой левый столбец и большой правый столбец.

    

Макет завершен.

Замечание

Перед запуском приложения сохраните приложение, нажав кнопку "Сохранить все ". Кроме того, чтобы сохранить приложение, выберите "Сохранить все"> в строке меню или нажмите клавиши CTRL++. Рекомендуется сохранять данные часто и с самого начала.

Запуск приложения

При создании проекта приложения Windows Forms вы создаёте программу, которая выполняется. На этом этапе приложение "Средство просмотра рисунков" особо ничего не делает. Теперь в нем отображается пустое окно, в котором отображается средство просмотра рисунков в строке заголовка.

Чтобы запустить приложение, выполните следующие действия.

1. Используйте один из следующих методов:

   • Выберите клавишу F5 .
   • В строке меню выберите Отладка>Начать отладку.
   • На панели инструментов нажмите кнопку "Пуск ".

   Visual Studio запускает приложение. Откроется окно с заголовком средства просмотра рисунков .

   

   Просмотрите панель инструментов интегрированной среды разработки Visual Studio. При запуске приложения отображаются дополнительные кнопки на панели инструментов. Эти кнопки позволяют выполнять такие действия, как остановка и запуск приложения, и помочь вам отслеживать любые ошибки.

   

2. Чтобы остановить приложение, используйте один из следующих методов:

   • На панели инструментов нажмите кнопку "Остановить отладку ".
   • В строке меню выберите "Отладочная>остановка отладки".
   • На клавиатуре введите shift+F5.
   • Выберите X в верхнем углу окна просмотра рисунков .

   При запуске приложения из интегрированной среды разработки Visual Studio это называется отладкой. Приложение запускается для поиска и исправления ошибок. Выполните ту же процедуру для запуска и отладки других программ. Дополнительные сведения об отладке см. в статье "Первый взгляд на отладчик".

Следующий шаг

Перейдите к следующему руководству, чтобы узнать, как добавить элементы управления в программу просмотра рисунков.

Руководство, часть 2. Добавление элементов управления в средство просмотра рисунков