ISRPO_Kazakob/Visual Studio (Кудинов)

# Введение

Microsoft Visual Studio – это комплект программ, который включает в
себя интегрированную среду разработки, редактор кода и компилятор.
Visual Studio облегчает написание, а также тестирование и отладку
программного кода. В этой среде можно создавать программы на многих
языках программирования: C#, C++, Visual Basic, Python, JavaScript, F# и
так далее.

# Установка

Среду Visual Studio можно установить на официальном сайте Microsoft.
https://visualstudio.microsoft.com/ru/downloads/
На выбор даются три версии: Community, Professional и Enterprise. Первый
вариант дается бесплатно, а остальные два предлагают пробный период
использования средой, по окончании которого вам придется ввести ключ
продукта. После выбора той или иной версии начнется скачивание
программы «Visual Studio Installer». В этой программе можно установить,
запустить или обновить не только саму среду Visual Studio, но и установить
или удалить дополнительные компоненты.

Вот список некоторых рабочих нагрузок и их предназначений.

|Разработка классических приложений .NET|Разработка с помощью .NET
Multi-Platform App UI|Разработка классических приложений на
C++|Разработка мобильных приложений на языке C++|Разработка игр с
помощью Unity|Разработка игр на С++| |Создание консольных приложений,
приложений WPF и Windows Forms на языке C# на оболочках .NET и .NET
Framework|Создание мобильных приложений под Android и iOS на языке C#
на оболочке Xamarin|Создание приложений на C++ под операционную систему
Windows|Создание мобильные приложения на языке C++|Создание мобильных
приложений на языке C++|Написание скриптов для игр на движке
«Unity»|Разработка игр на C++ с помощью набора API «DirectX» и
написание скриптов для игр на движке «Unreal Engine»

Кроме того, в разделе «Расположение установки» вы можете изменить путь
установки среды Visual Studio. Выбрав нужные вам компоненты и путь
установки, вы можете нажать на кнопку «Установить» справа внизу.

# Создание, сохранение и открытие проекта

При запуске среды Visual Studio в нее автоматически загружается
стартовая страница, позволяющая быстро загрузить один из ранее
разрабатывавшихся проектов в списке «Открыть последние», отображаемый в
левой части окна, открыть какой-либо другой существующий проект (кнопка
«Открыть проект или решение»), а также создать новый проект (кнопка
«Создание проекта»). Впрочем, все отмеченные возможности доступны также
из меню среды Visual Studio. «Файл» | «Создать» | «Проект...» или
Ctrl + Shift + N – создание нового проекта. «Файл» | «Открыть» |
«Решение или проект...» или комбинация Ctrl + Shift + O – открытие
существующего проекта. «Файл | Последние проекты и решения – загрузка
одного из недавно разрабатывавшихся проектов. Среда Visual Studio
организована таким образом, что в ней нельзя создать отдельно взятый
проект. Каждый проект должен содержаться в особой сущности, называемой
«решение», которую можно охарактеризовать как группу взаимосвязанных
проектов. В каждый момент времени в среду Visual Studio можно загрузить
только одно решение; загрузка другого решения приводит к автоматическому
закрытию предыдущего. При создании нового проекта на экране возникает
диалоговое окно, в котором надо выбрать шаблон проекта и его имя. В
качестве шаблона проекта выберете «Приложение Windows Forms». Таким
образом, вы будете создавать десктопное приложение на языке C# на
оболочке «.NET Framework». Вверху предусмотрена строка поиска для
упрощения поиска нужного типа проекта. В качестве имени рекомендуется
указывать имя проекта. Заметим, что имя проекта может содержать не
только цифры и латинские буквы, но и другие символы, допустимые в именах
файлов, в том числе пробелы и русские буквы. В среде Visual Studio при
создании нового проекта необходимо сразу указать каталог для его
сохранения (поле «Расположение»). На размещение проекта также влияет
информация, связанная с группой проектов, которая называется «решением»,
в которое будет помещен создаваемый проект, в частности, флажок «Создать
каталог для группы проектов». Если в группу будет входить единственный
проект, то следует снять данный флажок; это приведет к тому, что
созданное решение будет иметь то же имя, что и созданный проект, а в
каталоге, указанном в поле «Расположение», будет создан каталог с именем
проекта, в котором будут размещаться все файлы, связанные с проектом и
его группой. Отметим еще одну возможность среды Visual Studio (которой
мы, однако, пользоваться не будем): создаваемый проект можно добавить к
текущей группе проектов, то есть группе, ранее загруженной в среду
Visual Studio. После нажатия на кнопку «Создать» Visual Studio создаст и
откроет проект. Для сохранения всех изменений, внесенных в текущий
проект (а точнее, в текущую группу проектов), в Visual C# предусмотрена
команда «Файл» | «Сохранить все», а также клавиатурная комбинация
Ctrl + Shift + S. При открытии существующего проекта на экране
появляется диалоговое окно «Открыть», в котором можно выбрать либо файл
с расширением «.sln», содержащий информацию о группе проектов с
указанным именем, либо файл с расширением «.csproj», содержащий
информацию о проекте с указанным именем. Однако даже при выборе
отдельного проекта загружается группа проектов, в которой он содержится.

# Разработка приложения

В большом поле в центре находится проектируемый нами интерфейс
создаваемого приложения. В левой части окна располагается панель
элементов. В ней хранятся все необходимые для проекта элементы
управления, которые можно поместить на форму. Есть несколько способов
размещения элемента управления на форму. Справа находится «Обозреватель
решений», в котором расположено дерево с файлами для проекта. При
создании нового проекта типа «Windows Forms» связанная с ним главная
форма (класс с именем «Form1») создается автоматически и сразу
загружается в среду Visual Studio. С формой Form1 связывается набор
файлов, основными из которых являются файлы «Form1.cs» и
«Form1.Designer.cs». В этих файлах содержится описание данной формы на
языке C#, причем второй из них содержит ту часть описания, которая
генерируется автоматически в ответ на различные действия разработчика,
связанные с визуальным проектированием (собственный код разработчик
обычно размещает в файле «Form1.cs»). Если в проекте требуется
использовать дополнительные формы, то их проще всего добавить в проект с
помощью команды меню «Проект» | «Добавить форму (Windows Forms)...».
При выполнении этой команды возникает диалоговое окно, в котором надо
указать имя добавляемой формы (которое одновременно будет и начальной
частью имен файлов, содержащих ее описание). В описываемых примерах
всегда используются имена форм, предлагаемые системой по умолчанию
(Form1, Form2 и т. д.). Любая созданная форма отображается в редакторе
Visual Studio в режиме дизайна (на экране появляется изображение формы и
ее содержимого); соответствующая вкладка редактора заканчивается текстом
[Конструктор]. Например, для главной формы «Form1» вкладка содержит
текст Form1.cs [Конструктор]. Для перехода к содержимому
соответствующего файла cs достаточно нажать клавишу «F7»; при этом в
редакторе появится новая вкладка с текстом данного файла (ярлычок этой
вкладки будет содержать имя файла, например, «Form1.cs»). Для обратного
переключения с текста на изображение формы можно использовать комбинацию
Shift + F7. Переключаться между изображением формы и текстом кода можно
также с помощью контекстного меню: при щелчке правой кнопкой мыши на
изображении формы первый пункт появляющегося меню имеет имя «Перейти к
коду» и позволяет перейти к тексту файла cs, а при вызове контекстного
меню для текста cs-файла первый пункт меню имеет имя «Открыть в
конструкторе» и позволяет вернуться в режим конструктора. Любую вкладку
в редакторе можно закрыть; для этого достаточно сделать ее активной и
нажать комбинацию Ctrl+F4 или вызвать контекстное меню вкладки, щелкнув
правой кнопкой мыши на ее ярлычке, и выбрать пункт «Закрыть». Если после
загрузки существующего проекта в редактор не загрузилась требуемая
форма, достаточно выполнить двойной щелчок мышью на имени этой формы в
окне «Обозреватель решений». Можно также щелкнуть на имени этой формы
правой кнопкой мыши и выбрать пункт Open из появившегося контекстного
меню. Данное меню также содержит пункт «Перейти к коду», позволяющий
загрузить в редактор текст cs-файла, и «Открыть в конструкторе»,
позволяющий загрузить в редактор форму в режиме дизайна. При выборе
одной из форм в окне проекта «Обозреватель решений» дополнительно
появляются кнопки быстрого доступа, первая из которых позволяет
загрузить текст файла, а вторая – отобразить форму в режиме дизайна.
Для размещения в форме нового компонента следует воспользоваться окном
компонентов «Панель элементов» (отобразить это окно на экране можно либо
командой меню «Вид» | «Панель элементов», либо комбинацией клавиш
Ctrl + Alt + X, либо кнопкой ). Это окно обычно отображается в левой
части экрана. Заметим, что компоненты отображаются в окне «Панель
элементов» только в том случае, если редактор находится в режиме
дизайна. Надо выбрать в этом окне группу, содержащую нужный компонент
(щелкнув мышью по имени этой группы), затем щелкнуть на изображении
нужного компонента, выделив его, и, наконец, щелкнуть в том месте формы,
где предполагается разместить выбранный компонент. Для того чтобы
выбрать компонент в окне «Панель элементов», необязательно знать, в
какой группе он содержится, поскольку в этом окне имеется группа «Все
формы Windows Forms», в которой указаны все имеющиеся компоненты в
алфавитном порядке. Если в окне «Панель элементов» отсутствует нужный
компонент, то можно попытаться загрузить его в это окно. Для быстрого
размещения в форме нескольких компонентов одного типа следует после
выделения требуемого компонента в окне «Панель элементов» выполнить
щелчок мышью на форме несколько раз, держа нажатой клавишу Ctrl. Если
компонент требуется разместить не в форме, а в другом компоненте,
например в компоненте Panel, то при размещении компонента необходимо
выполнить щелчок мыши в области компонента-приемника. В качестве
компонентов-приемников могут использоваться только особые компоненты,
называемые компонентами-контейнерами (сама форма также является
компонентом-контейнером). Компонент-контейнер (форма, панель и т. д.),
содержащий другие компоненты, называется родительским по отношению к
размещенным в нем дочерним компонентам. При описании этапов разработки
проекта мы всегда будем указывать, в каком компоненте-контейнере следует
разместить каждый компонент. После добавления компонента в форму он
автоматически получает имя, которое сохраняется в его свойстве «Name».
По умолчанию имя любого компонента начинается со строчной буквы и
состоит из имени типа компонента и порядкового номера. Так, первая
размещенная в форме кнопка (компонент типа Button) получит имя
«button1», а вторая кнопка – имя «button2». Формы имеют имена,
начинающиеся с прописной буквы (Form1, Form2 и т. д.); это связано с
тем, что данные имена являются именами новых классов – потомков
базового класса Form. Имя, присвоенное по умолчанию, всегда можно
заменить на другое имя, позволяющее, например, уточнить назначение того
или иного компонента (например, кнопку «button1», содержащую текст «OK»,
можно назвать «btnOK»). Однако в описываемых проектах почти всегда
используются имена компонентов, предлагаемые системой Visual Studio по
умолчанию: это позволяет уменьшить количество действий по настройке
свойств компонентов и упрощает ориентировку в текстах программ. Следует
заметить, однако, что при разработке больших проектов целесообразно
использовать значимые имена для всех компонентов. Размеры визуальных
компонентов также обычно не уточняются. Для настройки размеров можно
воспользоваться перетаскиванием мышью за один из маркеров, окружающих
выделенный компонент, или клавишами со стрелками при нажатой клавише
Shift. Можно также явно задать значения свойства «Size» в окне
«Свойства» или воспользоваться панелью «Layout». Для настройки свойств
форм и компонентов используется окно свойств, быстро перейти на которое
можно с помощью комбинации Alt + Enter (вернуться обратно на форму можно
с помощью комбинации Ctrl+ Tab). Окно «Свойства» обычно располагается в
правом нижнем углу экрана и может находиться в двух режимах: «Свойства»
и «События». В настоящем разделе мы рассмотрим режим «Свойства»,
предназначенный для отображения свойств выделенного компонента или
группы компонентов (для перехода в данный режим надо нажать третью
кнопку на панели инструментов окна свойств). Если выделена группа
компонентов, то в окне свойств отображаются только те свойства, которые
имеются у всех выделенных компонентов. Выделение группы компонентов
позволяет быстро задать для них одинаковые размеры, заголовки или другие
общие свойства, а также переместить их, сохраняя взаимное расположение
Перечислим способы выделения группы компонентов: щелчок на компонентах
при нажатой клавише Shift или Ctrl и охват компонентов пунктирной
рамкой, которая появляется на форме при перемещении мыши с нажатой левой
кнопкой (для выделения достаточно захватить рамкой часть компонента).
Если выделена группа компонентов, то один компонент этой группы является
текущим (его маркеры имеют белый цвет). Результат некоторых действий
зависит от того, какой компонент выделенной группы является текущим. Для
того чтобы сделать текущим другой компонент из выделенной группы,
достаточно выполнить на нем щелчок мышью. Для снятия выделения с группы
компонентов надо выделить компонент, не входящий в эту группу. Полезно
знать, что если выделен некоторый компонент, то для выделения его
родительского компонента достаточно нажать клавишу Esc. Таким способом
можно быстро выделить любой компонент-контейнер, даже если его целиком
покрывают дочерние компоненты. Для выделения формы есть еще более
простой способ: щелчок мышью на ее заголовке. С помощью двух первых
кнопок окна свойств можно настроить способ отображения свойств: по
категориям (первая кнопка) или в алфавитном порядке имен (вторая
кнопка). Каждая категория имеет имя и содержит «родственные» свойства.
Используя группировку свойств по алфавиту, проще перейти к требуемому
свойству; в то же время, при начальном ознакомлении со свойствами,
имеющимися у компонента, удобнее использовать группировку по категориям.
В настройках свойств вначале указывается имя компонента, свойства
которого требуется изменить, а затем, после двоеточия, – список его
настраиваемых свойств в формате «имя свойства = новое значение свойства»
(значение свойства выделяется полужирным шрифтом). Свойства
перечисляются через запятую. Компоненты могут иметь составные свойства,
то есть свойства, имеющие собственные свойства (например, «Font» для
насттройки шрифта). Если требуется настроить одно или несколько свойств
подобного составного свойства, в листинге настройки свойств используется
разделитель точка. Составные свойства помечаются в окне «Свойства»
знаком «+» слева от имени. Щелчок на знаке «+» приводит к отображению в
окне всех свойств выбранного составного свойства; знак «+» при этом
меняется на «-». Щелчок на знаке «-» сворачивает список свойств
составного свойства. Если требуется очистить какое-либо свойство, то в
качестве его значения указывается курсивный текст «пустая строка». Для
значений логических свойств используются константы True и False,
начинающиеся с заглавной буквы (в отличие от ключевых слов языка C# true
и false); это связано с тем, что именно так указываются логические
константы в окне «Свойства». Для задания некоторых свойств, связанных с
привязкой или выравниванием (например, «Dock» или «TextAlign»), в окне
«Свойства» используются вспомогательные панели. Для отображения таких
панелей предназначена кнопка, появляющаяся при выделении
соответствующего свойства. В этих панелях надо выбрать один или
несколько элементов, расположенных в требуемой позиции (слева, справа,
по центру и т. п.), причем результат выбора будет отображен в окне
«Свойства» в виде обычного текста (например, «Bottom» или
«MiddleCenter»). Хотя подобные действия являются интуитивно понятными,
они, как правило, снабжаются в тексте примеров дополнительными
пояснениями. В некоторых случаях для задания свойства бывает удобно
воспользоваться специальным диалоговым окном. Если для свойства
предусмотрено такое окно, то при выделении свойства в окне «Свойства»
справа от него изображается кнопка с многоточием, позволяющая вызвать
диалоговое окно (примером такого свойства является «Font» – шрифт для
текста). У всех компонентов имеется не только набор свойств, но и набор
событий, с которыми можно связать методы – обработчики событий.
Список обработчиков для выделенного компонента или группы компонентов
отображается в окне свойств в режиме «События»; для перехода в данный
режим надо нажать четвертую кнопку на панели инструментов окна
«Свойства». Список событий, как и список свойств, можно упорядочивать
двумя способами: по категориям и по именам (в алфавитном порядке).
Двойной щелчок мышью на пустом поле ввода рядом с именем нужного события
обеспечивает автоматическое создание заготовки для обработчика этого
события. Обработчик любого события для любого компонента оформляется как
метод той формы, на которой расположен данный компонент. Во всех
примерах используются имена методов-обработчиков, предлагаемые системой
Visual Studio по умолчанию: это позволяет легко определить, с каким
компонентом и каким событием связан обработчик. Полужирным шрифтом
выделяются те строки, которые требуется добавить в автоматически
созданную заготовку метода-обработчика. Иногда фрагменты программы
снабжаются комментариями, хотя чаще пояснения даются в основном тексте
примера или в специальном разделе «Комментарий». Если в качестве
обработчика нужно указать имя уже имеющегося метода, то достаточно
выбрать имя этого метода в выпадающем списке рядом с именем события в
окне свойств. По двойному щелчку на элемент с названием обработчика
события вы автоматически попадете в редактор кода, в котором находится
написанный по умолчанию код на C#. В редактор кода можно попасть, нажав
на клавишу F7. Когда вы будете готовы посмотреть на результат работы
вашего приложения, нажмите на кнопку «Пуск» или на клавишу F5.
Запустится компилятор, который соберет ваш проект в файл с расширением
«.exe», который и будет вашим приложением. Если в вашем коде
присутствуют допущенные вами ошибки, то выведется уведомление, которое
предложит запустить последний успешно запущенный вариант проекта.
Скомпилированное приложение можно найти в папке проекта в каталоге
«bin\\Debug\\». Оно будет называться по имени проекта и иметь расширение
exe. И затем этот файл можно будет запускать без Visual Studio, а также
переносить его на другие компьютеры. Нажав на вкладку «Проект» |
«Свойства» в Visual Studio, вы попадете в меню, где можно поменять
название приложения, оболочку, под которой оно создается, и его иконку.
Последнее можно сделать, нажав на кнопку Обзор и выбрав файл с
расширением «.ico».