Отображение изображений. Использование элемента управления PictureBox

  • Статья

Обновлен: Ноябрь 2007

На этом занятии вы узнаете, как с помощью элемента управления PictureBox отображаются рисунки, а также как отобразить рисунок в качестве фонового рисунка формы.

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

Элемент управления PictureBox действует как контейнер для картинок. Можно выбрать изображение для вывода, присвоив значение свойству Image. Свойство Image может быть установлено в окне Свойства или в коде программы, указывая на рисунок, который следует отображать.

Элемент управления PictureBox содержит и другие полезные свойства, в том числе: AutoSize определяющее, будет ли изображение растянуто в элементе PictureBox, и SizeMode, которое может использоваться для растягивания, центрирования или увеличения изображения в элементе управления PictureBox.

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

Практическое задание

Добавление изображения в качестве ресурса

  1. В меню Файл выберите Создать проект.

  2. В диалоговом окне Создание проекта в области Шаблоны выберите Приложение Windows.

  3. В поле Имя введите Pictures и нажмите кнопку ОК.

    Откроется новый проект Windows Forms.

  4. В обозревателе решений дважды щелкните узел Мой проект, чтобы открыть конструктор проектов.

  5. В конструкторе проектов перейдите на вкладку Ресурсы.

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

    Откроется диалоговое окно Добавить существующий файл к ресурсам. Если файлы изображений отсутствуют, перейдите в папку, содержащую изображения.

  7. Выделите файл изображения (с расширением bmp, gif или jpg) и нажмите кнопку Открыть. Для примера лучше выбрать небольшое изображение.

    Изображение добавляется в проект и будет отображаться в окне диспетчера ресурсов.

  8. Повторите предыдущие два шага, чтобы добавить второе изображение к проекту.

  9. В меню Файл выберите Закрыть. Если требуется сохранить изменения, нажмите кнопку Да.

Отображение изображений с помощью элемента управления PictureBox

  1. В обозревателе решений выберите Form1.vb, а затем в меню Вид выберите Конструктор.

  2. С панели элементов перетащите в форму элемент управления PictureBox.

  3. В окне Свойства нажмите кнопку … рядом со свойством Image, чтобы открыть диалоговое окно Выбор ресурса.

  4. В списке Элементы выберите одно из добавленных изображений и нажмите кнопку ОК.

  5. Выберите свойство SizeMode и присвойте ему значение AutoSize.

    Обратите внимание, что размер элемента управления PictureBox автоматически изменяется по размеру изображения.

  6. Дважды щелкните элемент управления PictureBox, чтобы открыть обработчик событий PictureBox1_Click в редакторе кода.

  7. В обработчик событий PictureBox1_Click добавьте следующий код.

    ms172590.alert_note(ru-ru,VS.90).gifПримечание.

    Необходимо заменить "MyPictureName2" на фактическое имя второго изображения, которое было добавлено ранее.

    		 
    PictureBox1.Image = My.Resources.MyPictureName2

  8. Нажмите клавишу F5 для запуска приложения. Когда появится форма, щелкните изображение, чтобы появился второй рисунок.

Отображение фонового рисунка на форме

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

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

ms172590.alert_note(ru-ru,VS.90).gifСовет.

Многие другие элементы управления, например Panel, GroupBox и даже элемент управления Button также имеют свойство BackgroundImage. Попробуйте и оцените результаты.

Практическое задание

Отображение фонового изображения на форме

  1. В обозревателе решений выберите Form1.vb, а затем в меню Вид выберите Конструктор.

  2. Выберите форму, щелкнув в любом месте вне элемента управления PictureBox.

  3. В окне Свойства нажмите кнопку … рядом со свойством BackgroundImage, чтобы открыть диалоговое окно Выбор ресурса.

  4. В списке Элементы выберите одно из добавленных изображений и нажмите кнопку ОК.

    Обратите внимание, что рисунок отображается на форме позади элемента управления PictureBox и по умолчанию разбивается.

    ms172590.alert_note(ru-ru,VS.90).gifПримечание.

    Если изображение в элементе управления PictureBox слишком велико, фоновое изображение может оказаться скрытым. В этом случае выберите элемент управления PictureBox и перетащите его к нижней части формы, чтобы убрать его.

  5. Выберите свойство BackgroundImageLayout и присвойте ему значение Stretch.

    Обратите внимание, что изображение растягивается и заполняет всю форму.

  6. Дважды щелкните форму, чтобы открыть редактор кода.

  7. Убедитесь, что в левом списке выбраны События Form1, и выберите Click в правом раскрывающемся поле.

  8. В обработчик событий Form1_Click добавьте следующий код.

    If Me.BackgroundImageLayout = ImageLayout.Stretch Then
  Me.BackgroundImageLayout = ImageLayout.Center
Else
  Me.BackgroundImageLayout = ImageLayout.Stretch
End If

  9. Нажмите клавишу F5 для запуска приложения. Когда появится форма, щелкните ее, чтобы изменить макет.

Следующие действия

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

Следующее занятие: Получение выбора пользователя. Создание меню во время разработки

См. также

Задачи

Практическое руководство. Установка фона панели Windows Forms

Ссылки

Общие сведения об элементе управления PictureBox (Windows Forms)