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

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

Элементы управления используют код C# или Visual Basic для выполнения действий, связанных с ними.

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

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

Необходимые условия

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

Добавьте обработчики событий для элементов управления

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

1. Откройте Visual Studio. Ваш проект просмотра изображений отображается в разделе Открыть последние.

2. В конструкторе Windows Formsдважды щелкните кнопку Показать рисунок. В форме можно вместо этого выбрать кнопку Показать рисунок, а затем нажать клавишу Enter .

   Интегрированная среда разработки Visual Studio открывает вкладку в главном окне. Для C#вкладка называется Form1.cs. Если вы используете Visual Basic, вкладка называется Form1.vb.

   На этой вкладке отображается файл кода в форме.

   

   Заметка

   Вкладка Form1.vb может отображать showButton как ShowButton.

3. Сосредоточьтесь на этой части кода.

   • C#
   • VB

   private void showButton_Click(object sender, EventArgs e)
   {
   }
   

4. Выберите снова вкладку конструктора Windows Forms, а затем дважды щелкните кнопку "Очистить рисунок", чтобы открыть код. Повторите для оставшихся двух кнопок. Каждый раз интегрированная среда разработки Visual Studio добавляет новый метод в файл кода формы.

5. Дважды щелкните по элементу управления CheckBox в конструкторе Windows Forms , чтобы добавить метод checkBox1_CheckedChanged(). При выборе или снятии флажка вызывается этот метод.

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

   • C#
   • VB

   private void clearButton_Click(object sender, EventArgs e)
   {
   }
   
   private void backgroundButton_Click(object sender, EventArgs e)
   {
   }
   
   private void closeButton_Click(object sender, EventArgs e)
   {
   }
   
   private void checkBox1_CheckedChanged(object sender, EventArgs e)
   {
   }
   

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

Например, событие Click для кнопки с именем showButton называется showButton_Click() или ShowButton_Click(). Если вы хотите изменить имя переменной кода, щелкните правой кнопкой мыши переменную в коде и выберите Рефакторинг>Переименовать. Это действие переименовывает все экземпляры этой переменной в коде. Дополнительные сведения см. в разделе Рефакторинг переименования.

Написание кода для открытия диалогового окна

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

Интегрированная среда разработки Visual Studio предлагает мощный инструмент, называемый IntelliSense. По мере ввода IntelliSense предлагает возможный код.

1. В конструкторе Windows Formsдважды щелкните на кнопку «Показать изображение». Интегрированная среда разработки перемещает курсор внутри метода showButton_Click() или ShowButton_Click().

2. Введите i в пустой строке между двумя фигурными скобками { }или между Private Sub... и End Sub. Откроется окно IntelliSense.

   

3. Окно IntelliSense должно выделить слово if. Дважды выберите клавишу вкладки, чтобы вставить фрагмент if.

4. Выберите true, а затем введите op, чтобы перезаписать его для C# или Op для Visual Basic.

   

   Система IntelliSense отображает openFileDialog1.

5. Выберите вкладку , чтобы добавить openFileDialog1.

6. Введите период (.) или точка, сразу после openFileDialog1. IntelliSense предоставляет все свойства и методы компонента OpenFileDialog. Начните вводить ShowDialog и выберите вкладку. Метод ShowDialog() показывает диалоговое окно "Открыть файл".

7. Добавьте скобки () сразу после "g" в ShowDialog. Код должен быть openFileDialog1.ShowDialog().

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

9. Добавьте другое пространство. Используйте IntelliSense для ввода DialogResult.

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

    Заметка

    Первая строка кода должна быть завершена. Для C#он должен быть похож на следующий.

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

    Для Visual Basic это должно быть следующее.

    If OpenFileDialog1.ShowDialog() = DialogResult.OK Then

11. Добавьте следующую строку кода.

    • C#
    • VB

    pictureBox1.Load(openFileDialog1.FileName);  
    

    Чтобы добавить его, можно скопировать и вставить или использовать IntelliSense. Окончательный метод showButton_Click() должен выглядеть примерно так, как показано в следующем коде.

    • C#
    • VB

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

1. Добавьте следующий комментарий в код.

   • C#
   • VB

   private void showButton_Click(object sender, EventArgs e)
   {
       // Show the Open File dialog. If the user clicks OK, load the
       // picture that the user chose.
       if (openFileDialog1.ShowDialog() == DialogResult.OK)
       {
           pictureBox1.Load(openFileDialog1.FileName);
       }
   }
   

Рекомендуется всегда комментировать код. Примечания кода упрощают понимание и обслуживание кода в будущем.

Написание кода для других элементов управления

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

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

1. В конструкторе Windows Formsдважды щелкните Очистить кнопку рисунка. Для C# добавьте код в фигурные скобки. Для Visual Basic добавьте код между Private Sub и End Sub.

   • C#
   • VB

   private void clearButton_Click(object sender, EventArgs e)
   {
       // Clear the picture.
       pictureBox1.Image = null;
   }
   

2. Дважды щелкните кнопку , чтобы установить цвет фона, и добавьте код.

   • C#
   • VB

   private void backgroundButton_Click(object sender, EventArgs e)
   {
       // Show the color dialog box. If the user clicks OK, change the
       // PictureBox control's background to the color the user chose.
       if (colorDialog1.ShowDialog() == DialogResult.OK)
           pictureBox1.BackColor = colorDialog1.Color;
   }
   

3. Дважды щелкните кнопку Закрыть и добавьте код.

   • C#
   • VB

   private void closeButton_Click(object sender, EventArgs e)
   {
       // Close the form.
       this.Close();
   }
   
   

4. Дважды щелкните флажок Stretch и добавьте код.

   • C#
   • VB

   private void checkBox1_CheckedChanged(object sender, EventArgs e)
   {
       // If the user selects the Stretch check box, 
       // change the PictureBox's
       // SizeMode property to "Stretch". If the user clears 
       // the check box, change it to "Normal".
       if (checkBox1.Checked)
           pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
       else
           pictureBox1.SizeMode = PictureBoxSizeMode.Normal;
   }
   

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

Вы можете запускать приложение в любое время в процессе его написания. После добавления кода в предыдущем разделе средство просмотра рисунков будет завершено. Как и в предыдущих руководствах, используйте один из следующих методов для запуска приложения:

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

Откроется окно с заголовком Просмотр рисунков. Проверьте все элементы управления.

1. Нажмите кнопку Задать цвет фона. Откроется диалоговое окно выбора цвета и.

   

2. Выберите цвет, чтобы задать цвет фона.

3. Выберите Показать изображение, чтобы отобразить изображение.

   

4. Выберите и отмените выбор Stretch.

5. Нажмите кнопку Очистить рисунок, чтобы удостовериться, что дисплей очищается.

6. Нажмите кнопку Закрыть, чтобы выйти из приложения.

Поздравляю! Вы завершили эту серию уроков. Вы выполнили следующие задачи программирования и проектирования в интегрированной среде разработки Visual Studio:

• Создание проекта Visual Studio, использующего Windows Forms
• Добавлен макет для приложения просмотра рисунков
• Добавлены кнопки и флажок
• Добавленные диалоговые окна
• Добавлены обработчики событий для ваших элементов управления
• Написанный код C# или Visual Basic для обработки событий

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

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