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

Статья
02/20/2013

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

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

Среда IDE содержит мощное средство IntelliSense, которое помогает в написании кода.По мере написания кода, среда IDE открывает поле, в котором содержатся предлагаемые завершения для частей вводимых слов.Она пытается определить, что требуется сделать далее и автоматически переходит к последнему выбранному элементу из списка.Для перемещения по списку можно использовать клавиши со стрелками ВВЕРХ или ВНИЗ или можно продолжать вводить буквы, чтобы сузить выбор.Когда появится необходимый элемент, для его выбора нажмите клавишу TAB.Либо можно проигнорировать предложение, если оно не требуется.

ссылка на видео Для видео версии этого раздела см. в разделе Учебное руководство 1. Создание приложения для просмотра рисунков на языке Visual Basic - видео 4 OR Учебное руководство 1. Создайте средство просмотра видео в c# - 4 изображения.

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

Перейдите к конструктору Windows Forms и дважды щелкните кнопку Показать рисунок.Среда интегрированной разработки немедленно переключается на конструктор кода и перемещает курсор внутрь метода showButton_Click(), который был добавлен ранее.
Введите i в пустой строке между двумя фигурными скобками { }(в Visual Basic введите пустую строку между Private Sub… and End Sub). Откроется окно IntelliSense, как показано на рисунке ниже.

IntelliSense с кодом Visual C#
Окно IntelliSense должно выделить слово if.(в противном случае введите в нижнем регистре f для этого). Обратите внимание, каким образом желтая подсказка рядом с окном IntelliSense показывает Фрагмент кода для инструкции if.(в Visual Basic подсказка также указывает такой фрагмент, но немного с другим содержимым). Необходимо использовать фрагмент.Для вставки if в код нажмите клавишу TAB.Затем снова нажмите клавишу TAB, чтобы использовать фрагмент if.(если пользователь щелкнет кнопкой мыши где-то еще, то окно IntelliSense исчезнет; нажмите клавишу BACKSPACE, чтобы удалить i и повторно введите эту букву, чтобы снова открыть окно IntelliSense).

Код Visual C#

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

Начните с выделенным текстом true в фрагменте.Введите op, чтобы перезаписать его.(в Visual Basic необходимо начинать с первой заглавной буквы, поэтому введите Op).
Откроется окно IntelliSense и отобразит openFileDialog1.Чтобы выбрать этот элемент нажмите клавишу TAB.(в Visual Basic он начинается с заглавной буквы, поэтому будет представлен OpenFileDialog1;убедитесь, что выделен OpenFileDialog1).

Введите точку (.) Так как точка введена справа после элемента openFileDialog1, окно IntelliSense открывается с методами и свойствами компонента OpenFileDialog.Это те же самые свойства, которые появляются в окне Свойства при выделении компонента в конструкторе Windows Forms.Также содержатся методы, которые указывают компоненты выполнить действия (например, открыть диалоговое окно).

Примечание
Окно IntelliSense может показывать свойства и методы.Для определения того, что показывается, посмотрите на значок слева.Рядом с каждым методом представлен значок кубика, рядом с каждым свойством представлен значок руки.Также рядом с каждым событием представлен значок с изображением молнии.Ниже представлены эти значки.

Окно IntelliSense может показывать свойства и методы.Для определения того, что показывается, посмотрите на значок слева.Рядом с каждым методом представлен значок кубика, рядом с каждым свойством представлен значок руки.Также рядом с каждым событием представлен значок с изображением молнии.Ниже представлены эти значки.

Значок метода

Значок свойства

Значок события

Начните набирать ShowDialog (для IntelliSense регистр значения не имеет).Метод ShowDialog() будет открывать диалоговое окно Открыть файл.После того, как в окне будет выделен метод ShowDialog нажмите клавишу TAB.

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

Примечание
Методы являются важнейшей частью любой программы. В этом руководстве показано несколько способов использования методов.Можно вызвать метод компонента, чтобы указать ему выполнение некоторых действий, например, как у компонента OpenFileDialog вызывается метод ShowDialog().Можно создать собственные методы, чтобы программа выполняла действия, как метод, построение которого выполняется сейчас, выполняет вызов метода showButton_Click(), который открывает диалоговое окно и рисунок при нажатием пользователем кнопки.

Методы являются важнейшей частью любой программы. В этом руководстве показано несколько способов использования методов.Можно вызвать метод компонента, чтобы указать ему выполнение некоторых действий, например, как у компонента OpenFileDialog вызывается метод ShowDialog().Можно создать собственные методы, чтобы программа выполняла действия, как метод, построение которого выполняется сейчас, выполняет вызов метода showButton_Click(), который открывает диалоговое окно и рисунок при нажатием пользователем кнопки.

В Visual C# добавьте пробел, затем два знака равенства (==).В Visual Basic добавьте пробел, затем один знак равенства (=).В Visual C# и в Visual Basic используются разные операторы равенства.

Добавьте еще один пробел.Как только это будет сделано, откроется другое окно IntelliSense.Начните вводить DialogResult и нажмите клавишу TAB, чтобы добавить его.

Примечание
При написании кода для вызова метода, в некоторых случаях он возвращает значение.В данном случае у компонента OpenFileDialog метод ShowDialog() возвращает значение DialogResult.DialogResult — это специальное значение, которое указывает на событие, которое происходит в диалогом окне.В компоненте OpenFileDialog пользователь может нажать кнопку OK или Отмена, поэтому метод ShowDialog() возвращает значение DialogResult.OK или значение DialogResult.Cancel.

При написании кода для вызова метода, в некоторых случаях он возвращает значение.В данном случае у компонента OpenFileDialog метод ShowDialog() возвращает значение DialogResult.DialogResult — это специальное значение, которое указывает на событие, которое происходит в диалогом окне.В компоненте OpenFileDialog пользователь может нажать кнопку OK или Отмена, поэтому метод ShowDialog() возвращает значение DialogResult.OK или значение DialogResult.Cancel.

Чтобы открыть значение DialogResult в окне IntelliSense введите точку.Чтобы вставитьOK введите символ O и нажмите клавишу TAB.

Примечание
Первая строка кода должна быть завершена.В Visual C# это выглядит следующим образом. if (openFileDialog1.ShowDialog() == DialogResult.OK) В Visual Basic это выглядит следующим образом. If OpenFileDialog1.ShowDialog() = DialogResult.OK Then

Первая строка кода должна быть завершена.В Visual C# это выглядит следующим образом.

if (openFileDialog1.ShowDialog() == DialogResult.OK)

В Visual Basic это выглядит следующим образом.

If OpenFileDialog1.ShowDialog() = DialogResult.OK Then

Теперь добавьте несколько строк кода.Их можно ввести вручную (или копировать и вставить), однако попробуйте использовать для добавления строк IntelliSense.Чем больше вы знакомы с IntelliSense, тем быстрее можете писать собственный код.Итоговая реализация метода showButton_Click() будет выглядеть следующим образом.
```
Private Sub showButton_Click() Handles showButton.Click

    If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
        PictureBox1.Load(OpenFileDialog1.FileName)
    End If

End Sub
```
```
private void showButton_Click(object sender, EventArgs e)
{
    if (openFileDialog1.ShowDialog() == DialogResult.OK)
    {
        pictureBox1.Load(openFileDialog1.FileName);  
    }
}
```

Продолжить или повторить пройденный материал

Следующий шаг руководства см. в разделе Шаг 9. Проверка, комментирование и тестирование кода.
Предыдущий шаг руководства см. в разделе Шаг 7. Добавление компонентов Dialog в форму.

Поделиться через

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

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

Продолжить или повторить пройденный материал

Дополнительные ресурсы