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

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

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

• Методами называют порядок организации кода — это то, каким образом группируется код.

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

• Метод состоит из операторов.Считайте, что метод это способ объединения операторов.

• Когда метод выполняется или вызывается, операторы в методе выполняются по порядку, один за другим, начиная с первого.

  Ниже приведен пример оператора.

  pictureBox1.Load(openFileDialog1.FileName);
  

  pictureBox1.Load(openFileDialog1.FileName)
  

  Операторы это то, что указывает программам выполнять действия.В Visual C# оператор всегда заканчивается точкой с запятой.В Visual Basic конец строки это конец оператора.(в Visual Basic точка с запятой не нужна). Предыдущий оператор указывал элементу управления PictureBox загрузить файл, который пользователь выбрал в компоненте OpenFileDialog.

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

Затем в код добавляется комментарий.Комментарий это заметка, которая не влияет на выполнение программы.Она позволяет облегчить другим понимание назначения кода.В Visual C# строка обозначается как комментарий с помощью двух косых черт (//).В Visual Basic строка обозначается как комментарий с помощью одинарной кавычки(').

После добавления комментария программа проверяется.Только что выполнено построение программы, которая работает. Хотя программа еще не завершена, но она уже может загружать рисунок.

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

1. Добавьте следующее.

   Private Sub showButton_Click() Handles showButton.Click
   
       ' Show the Open File dialog. If the user clicks OK, load the
       ' picture that the user chose.
       If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
           PictureBox1.Load(OpenFileDialog1.FileName)
       End If
   
   End Sub
   

   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);
       }
   }
   

   Примечание
   Обработчик события Click кнопки showButton завершен и он работает.Написание кода было начато с оператора if.Оператор if как-будто говорит программе: "Проверь это условие. Если оно выполняется, выполни эти действия". В данном случае программе указывается открыть диалоговое окно Открыть файл и, если пользователь выбирает файл и нажимает кнопку ОК, загрузить файл в элемент управления PictureBox.

   Примечание

   Интегрированная среда разработки построена так, чтобы облегчить написание кода и фрагменты кода являются одним из этих способов.Фрагмент представляет собой ярлык, который разворачивается в небольшой блок кода. Посмотреть все фрагменты можно с помощью выбора пункта Диспетчер фрагментов кода в меню Сервис.Фрагмент if расположен в разделе Шаблоны кода, внутри вложенной папки Условия и циклы.Этот диспетчер можно использовать для просмотра существующих фрагментов и для добавления собственных фрагментов. Чтобы активировать фрагмент при наборе кода, введите его и нажмите клавишу TAB.В окне IntelliSense появится множество фрагментов, поэтому нажмите клавишу TAB дважды — первый раз, чтобы выделить фрагмент в окне IntelliSense, второй раз, чтобы указать интегрированной среде разработки использовать фрагмент.(IntelliSense поддерживает фрагмент if, но не фрагмент ifelse).

2. Перед выполнением программы, сохраните программу с помощью нажатия кнопки панели инструментов Сохранить все, которая показана на рисунке ниже.

   Кнопка "Сохранить все"

   

   Другой способ сохранения программы — в меню Файл выберите пункт Сохранить все.Рекомендуется выполнять сохранение от начала разработки и как можно чаще.

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

   Программа просмотра изображений

   

Проверка программы

1. Нажмите клавишу F5 или нажмите кнопку панели инструментов Начать отладку.

2. Чтобы выполнить код, который был написан только что, нажмите кнопку Показать рисунок.Сначала программа открывает диалоговое окно Открыть файл.Проверьте, что в нижней части диалогового окна в раскрывающемся списке Типы файлов появились фильтры.Затем перейдите к рисунку и откройте его.Обычно образцы рисунков, которые поставляются вместе с операционной системой Windows, можно найти в папке Мои документы во вложенной папке Мои рисунки\Образцы рисунков.

3. Загрузите рисунок и он появится в элемент управления PictureBox.Затем попробуйте изменить размер формы.Так как элемент управления PictureBox закреплен внутри элемента управления TableLayoutPanel, который сам закреплен внутри формы, область картинки будет сама изменять размер, таким образом, что по ширине она будет как форма и заполнит 90 процентов формы.Поэтому используются контейнеры TableLayoutPanel и FlowLayoutPanel — они сохраняют правильные размеры формы, когда пользователь меняет ее размер.

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

• Следующий шаг руководства см. в разделе Шаг 10. Написание кода дополнительных кнопок и флажка.

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