Учебное руководство 1. Создание приложения для просмотра рисунков

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

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

  • Тестировать (выполнить отладку) приложения.

  • Добавлять в форму основные элементы управления, например, флажки и кнопки.

  • Размещать элементы управления в форме с помощью разметки.

  • Добавлять в форму диалоговые окна Открыть файл и Цвет.

  • Создавать код с помощью IntelliSense и фрагментов кода.

  • Создавать методы обработчика событий.

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

Программа просмотра изображений, которая создается в этом руководстве

Рисунок, создаваемый в этом учебном руководстве

ссылка на видеоДля видео версии этого раздела см. в разделе Инструкции: Создание приложения для просмотра рисунков в Visual Basic? OR Инструкции: Создайте программа просмотра изображений в c#?.

ПримечаниеПримечание

В этом учебном руководстве показаны примеры, как на Visual C#, так и на Visual Basic, поэтому обратите внимание на информацию, которая относится к используемому вами языку программирования.

Связанные разделы

Заголовок

Описание

Шаг 1. Создание проекта приложения Windows Forms

Начало разработки программы с создания проекта приложения Windows Forms.

Шаг 2. Запуск программы

Запуск программы приложения Windows Forms, которая была создана на предыдущем шаге.

Шаг 3. Настройка свойств формы

Изменение внешнего вида формы с помощью окна Свойства.

Шаг 4. Создание макета формы с помощью элемента управления TableLayoutPanel

Добавление в форму элемента управления TableLayoutPanel.

Шаг 5. Добавление элементов управления в форму

Добавление в форму элемента управления PictureBox и элемента управления CheckBox.Добавление в форму кнопок.

Шаг 6. Присвоение имен элементам управления "Кнопка"

Назначение кнопкам понятных имен.

Шаг 7. Добавление компонентов Dialog в форму

Добавление в форму компонента OpenFileDialog и компонента ColorDialog.

Шаг 8. Написание кода для обработчика событий кнопки "Показать рисунок"

Создание кода с помощью средства IntelliSense.

Шаг 9. Проверка, комментирование и тестирование кода

Просмотр и тестирование кода.Добавление необходимых комментариев.

Шаг 10. Написание кода дополнительных кнопок и флажка

Создание кода с помощью IntelliSense для описания поведения кнопок и флажков.

Шаг 11. Запуск программы и изучение других функций

Запуск программы и настройка цвета фона.Изучение других возможности, например, изменение цветов, шрифтов и границ.