2к3с Современные среды визуального программирования / МУ к практической работе _1
.pdfМинистерство образования и науки Российской Федерации
Саратовский государственный технический университет
Балаковский институт техники, технологии и управления
ОСНОВЫ РАБОТЫ В ВИЗУАЛЬНОЙ СРЕДЕ
ПРОГРАММИРОВАНИЯ MICROSOFT VISUAL STUDIO
Методические указания к выполнению практической работы по дисциплине «Современные среды визуального программирования»
для студентов направления 230400.62
очной формы обучения
Одобрено редакционно-издательским советом Балаковского института техники,
технологии и управления
Балаково 2013
ЦЕЛЬ РАБОТЫ – изучить основные методы и приёмы работы в визуальной среде программирования Microsoft Visual Studio, а также получить навыки работы с основными элементами управления (Form,
Label, TextBox, Button).
ОСНОВНЫЕ ПОНЯТИЯ
Microsoft Visual Studio - это интегрированная среда разработки для создания, документирования, запуска и отладки программ, написанных на языках программирования. Главное окно программы в режиме разработки приложения показано на рисунке 1.
Рис.1. Главное окно MS Visual Studio в режиме разработки приложения
Окно Панель элементов (Toolbox, Вид→ Панель элементов или сочетание клавиш Ctrl+Alt+X) содержит компоненты Windows-форм,
называемые также элементами управления, которые размещаются на форме.
2
С помощью окна Списка ошибок можно значительно ускорить
процесс разработки приложений. Ниже перечислены действия, которые
можно выполнить в окне Список ошибок:
отображение ошибок, предупреждений и сообщений,
созданных во время редактирования и компиляции кода;
поиск синтаксических ошибок, обнаруженных технологией
IntelliSense;
поиск ошибок развертывания, некоторых ошибок статического анализа и ошибок, обнаруженных при применении политик из шаблона предприятия;
открытие файла, в котором обнаружена неполадка, и
перемещение к месту расположения ошибки с помощью двойного щелчка любого сообщения об ошибке;
фильтрация отображаемых записей и столбцов данных,
которые будут показаны в каждой записи.
Чтобы открыть окно Список ошибок, в меню Вид щелкните Список ошибок. С помощью кнопок Ошибки, Предупреждения и Сообщения выберите отображаемые записи. Для сортировки списка щелкните любой заголовок столбца. Для повторной сортировки по дополнительному столбцу нажмите и удерживайте клавишу SHIFT, а затем щелкните другой заголовок столбца. Чтобы выбрать отображаемые и скрываемые столбцы, выберите команду Показать столбцы из контекстного меню. Чтобы изменить порядок, в котором отображаются столбцы, перетащите любой заголовок столбца влево или вправо.
Обозреватель решений - это окно инструментов в интегрированной среде разработки, в котором отображается содержимое решения c проектами решения и каждым элементом проекта. Как и для любого другого окна инструментов в Visual Studio, для окна обозревателя
3
решений можно изменять физические параметры, такие как размер,
положение и то, является ли оно прикрепленным или свободным.
Окно Свойств (Properties) - основной инструмент настройки формы и ее компонентов. Содержимое этого окна представляет собой весь список свойств выбранного в данный момент компонента или формы.
Вызывается это окно несколькими способами - в меню Вид (View)
выбираем пункт Окно Свойств (или используем клавишу F4), на выбранном объекте щелкаем правой кнопкой мыши и в контекстном меню пункт Свойства выбираем объект и нажимаем F4 или просто выбираем объект и переходим в окно Свойств. Когда вы только создали проект, в
окне Свойств отображаются свойства самой формы.
В таблице 1 приводится описание интерфейса самого Окна
Свойств.
Таблица 1
Описание интерфейса Окна Свойств
Элемент |
|
Изображение |
|
|
Описание |
|
|
Имя объекта |
|
|
В поле этого списка выводится |
||||
|
|
|
название |
данного |
выбранного |
||
|
|
|
объекта, |
|
который |
|
является |
|
|
|
экземпляром какого-либо класса |
||||
Сортировка по |
|
При нажатии на эту кнопку |
|||||
категориям |
|
|
производится |
сортировка |
свойств |
||
|
|
|
выбранного объекта по категориям |
||||
Сортировка |
в |
|
Сортировка |
|
свойств |
и |
событий |
алфавитном |
|
|
объекта в алфавитном порядке |
||||
порядке |
|
|
|
|
|
|
|
Свойства |
|
|
При нажатии на эту кнопку |
||||
|
|
|
отображается |
перечисление |
свойств |
||
|
|
|
объекта |
|
|
|
|
События |
|
|
При нажатии на эту кнопку |
||||
|
|
|
отображается перечисление событий |
||||
|
|
|
объекта |
|
|
|
|
Кнопка Окна свойств События (Events) переключает Окно Свойств в режим управления обработчиками различных событий
(например, мыши, клавиатуры) и одновременно выводит список всех
4
событий компонента. Двойной щелчок мыши в поле значения события генерирует обработчик для него и переключает в режим кода.
При создании нового проекта запускается режим дизайна — форма представляет собой основу для расположения элементов управления. Для работы с программой следует перейти в режим кода. Это можно сделать нескольким способами:
щелкнуть правой кнопкой мыши в любой части формы и в появившемся меню выбрать Окно Кода (View Code);
в окне Проводник Проекта сделать то же самое на компоненте Form1.cs;
дважды щелкнуть на форме — при этом сгенерируется метод
Form1_Load.
После хотя бы однократного перехода в режим кода в проекте появится вкладка Form1.cs*, при нажатии на которую тоже можно переходить в режим кода. Для перехода в режим кода также можно использовать клавишу F7, а для возврата в режим дизайна — сочетание Shift+F7.
Основными элементами управления являются (рис.2):
форма (Form);
надпись (Label);
поле ввода (TextBox);
управляющая кнопка (Button).
Форма является основным элементом всех приложений. Форма – это окно, которое дает возможность пользователю взаимодействовать с приложением. Основные свойства компонента Form представлены в таблице 2.
5
Объект Form
Объект TextBox
Объект Label
Объект Button
|
Рис.2. Окно программы в режиме работы |
|
Таблица 2 |
|
Описание свойств компонента Form |
|
|
Имя |
Описание |
Name |
Имя формы в проекте |
AcceptButton |
Устанавливается значение кнопки, которая будет срабатывать |
|
при нажатии клавиши Enter (для того чтобы это свойство было |
|
активным, необходимо наличие по крайней мере одной кнопки, |
|
расположенной на форме) |
BackColor |
Цвет формы |
BackgroundImage |
Изображение на заднем фоне |
ControlBox |
Устанавливается наличие либо отсутствие трех стандартных |
|
кнопок в верхнем правом углу формы: "Свернуть", |
|
"Развернуть" и "Закрыть" |
Cursor |
Определяется вид курсора при его положении на форме |
DrawGrid |
Устанавливается наличие либо отсутствие сетки из точек, |
|
которая помогает форматировать элементы управления (сетка |
|
видна только на стадии создания приложения) |
Font |
Форматирование шрифта, используемого для отображения |
|
текста на форме в элементах управления |
FormBorderStyle |
Определение вида границ формы. Возможные варианты: |
|
None — форма без границ и строки заголовка; |
|
FixedSingle — тонкие границы без возможности изменения |
|
размера пользователем; |
|
Fixed3D — границы без возможности изменения размера с |
|
трехмерным эффектом; |
|
FixedDialog — границы без возможности изменения, без |
|
иконки приложения; |
|
Sizable — обычные границы: пользователь может изменять |
|
размер границ; |
|
FixedToolWindow — фиксированные границы, имеется только |
|
кнопка закрытия формы. Такой вид имеют панели |
|
инструментов в приложениях; |
|
SizableToolWindow — границы с возможностью изменения |
|
размеров, имеется только кнопка закрытия формы |
|
|
Icon |
Изображение иконки, располагаемой в заголовке формы |
|
(поддерживаются форматы .ico) |
|
6 |
|
Окончание таблицы 2 |
|
|
MaximizeBox |
Определяется активность стандартной кнопки "Развернуть" в |
|
верхнем правом углу формы |
MaximumSize |
Максимальный размер ширины и высоты формы, задаваемый в |
|
пикселях (форма будет принимать указанный размер при |
|
нажатии на стандартную кнопку "Развернуть") |
Size |
Ширина и высота формы |
StartPosition |
Определение расположения формы при запуске приложения |
|
Возможны следующие значения: |
|
Manual — форма появляется в верхнем левом углу экрана; |
|
CenterScreen — в центре экрана; |
|
WindowsDefaultLocation — расположение формы по |
|
умолчанию. Если пользователь изменил размеры формы, то |
|
при последующем ее запуске она будет иметь тот же самый вид |
|
и расположение; |
|
WindowsDefaultBounds — границы формы принимают |
|
фиксированный размер; |
|
CenterParent — в центре родительской формы |
|
|
Text |
Заголовок формы (в отличие от свойства Name, именно это |
|
название формы, которое не используется в коде) |
Элемент Надпись (Label) используется для размещения в форме текста: заголовков полей, заголовка формы, различных поясняющих надписей. Основные свойства компонента Label представлены в таблице 3.
Таблица 3
|
Описание свойств компонента Label |
|
|
|
|
Имя |
Описание |
|
|
Возвращает или задает значение, указывающее, изменяются ли |
|
AutoSize |
размеры элемента управления автоматически для отображения всего |
|
|
его содержимого |
|
BackColor |
Возвращает или задает цвет фона для элемента управления |
|
Focused |
Получает значение, показывающее, имеется ли в элементе управления |
|
фокус ввода |
||
|
||
Font |
Возвращает или задает шрифт текста, отображаемого элементом |
|
управления |
||
|
||
ForeColor |
Получает или задает основной цвет элемента управления |
|
Height |
Возвращает или задает высоту элемента управления |
|
Location |
Возвращает или задает координаты левого верхнего угла элемента |
|
управления относительно левого верхнего угла контейнера |
||
|
||
Name |
Возвращает или задает имя элемента управления |
|
Size |
Возвращает или задает высоту и ширину элемента управления |
|
Text |
Возвращает или задает текст, сопоставленный с этим элементом |
|
управления |
||
|
||
|
7 |
Окончание таблицы 3
|
Возвращает или задает выравнивание текста в метке. |
|
|
TopLeft - Содержимое выравнивается вертикально по верхнему краю и |
|
|
горизонтально по левому краю. |
|
|
TopCenter - Содержимое выравнивается вертикально по верхнему |
|
|
краю и горизонтально по центру. |
|
|
TopRight - Содержимое выравнивается вертикально по верхнему краю |
|
|
и горизонтально по правому краю. |
|
|
MiddleLeft - Содержимое выравнивается вертикально по середине и |
|
|
горизонтально по левому краю. |
|
TextAlign |
MiddleCenter - Содержимое выравнивается вертикально по середине и |
|
|
горизонтально по центру. |
|
|
MiddleRight - Содержимое выравнивается вертикально по середине и |
|
|
горизонтально по правому краю. |
|
|
BottomLeft - Содержимое выравнивается вертикально по нижнему |
|
|
краю и горизонтально по левому краю. |
|
|
BottomCenter - Содержимое выравнивается вертикально по нижнему |
|
|
краю и горизонтально по центру. |
|
|
BottomRight - Содержимое выравнивается вертикально по нижнему |
|
|
краю и горизонтально по правому краю. |
|
Visible |
Возвращает или задает значение, указывающее отображаются ли |
|
элемент управления и все его родительские элементы управления |
||
|
Поле ввода (TextBox) Представляет элемент управления текстового
поля Windows. Основные свойства компонента TextBox представлены в
таблице 4.
|
Таблица 4 |
|
|
Описание свойств компонента TextBox |
|
|
|
|
Имя |
Описание |
|
Lines |
Получает или задает строки текста в элементе управления |
|
|
Получает или задает максимальное число знаков, которое |
|
MaxLength |
разрешается вводить или вставлять в элемент управления "Текстовое |
|
|
поле" |
|
Multiline |
Возвращает или задает значение, указывающее, является ли это поле |
|
многополосным |
||
|
||
PasswordChar |
Возвращает или задает символ, используемый как символ маски |
|
пароля в одностроковом TextBox |
||
|
||
ReadOnly |
Получает или задает значение, указывающее, является ли текст в |
|
текстовом поле доступным только для чтения |
||
|
||
ScrollBars |
Возвращает или задает, какие полосы прокрутки должны |
|
отображаться в multiline - TextBox элемент управления |
||
|
8
Управляющая кнопка (Button) представляет собой элемент управления "Кнопка". Основные свойства компонента Button
представлены в таблице 5.
Таблица 5
|
Описание свойств компонента Button |
|
|
|
|
Имя |
Описание |
|
Cursor |
Возвращает или задает курсор, отображаемый, когда указатель мыши |
|
находится на элементе управления |
||
|
||
Enabled |
Возвращает или задает значение, показывающее, сможет ли элемент |
|
управления отвечать на действия пользователя |
||
|
||
FlatStyle |
Получает или задает плоский внешний вид для элемента управления |
|
Image |
Возвращает или задает изображение, отображаемое на кнопке |
|
ImageAlign |
Получает или задает выравнивание изображения в элементе |
|
управления |
||
|
||
Основные события компонентов приведены в таблице 6. |
||
Таблица 6
|
Основные события компонентов |
|
|
|
|
Имя |
Описание |
|
Click |
Происходит при щелчке на элементе управления |
|
KeyDow |
Происходит при нажатии клавиши, если элемент управления имеет |
|
фокус |
||
|
||
KeyPress |
Происходит при нажатии клавиши, если элемент управления имеет |
|
фокус |
||
|
||
KeyUp |
Происходит, когда отпускается клавиша, если элемент управления |
|
имеет фокус |
||
|
||
Load |
Происходит перед тем, как форма отображается впервые |
|
MouseClick |
Возникает при щелчке мышью элемента управления |
|
MouseDown |
Происходит при нажатии кнопки мыши, если указатель мыши |
|
находится на элементе управления |
||
|
||
MouseDoubleClick |
Возникает при двойном щелчке мышью элемента управления |
|
MouseEnter |
Происходит, когда указатель мыши оказывается на элементе |
|
управления |
||
|
||
Move |
Происходит при перемещении элемента управления |
|
Paint |
Происходит при перерисовке элемента управления |
|
Resize |
Происходит при изменении размеров элемента управления |
|
VisibleChanged |
Происходит при изменении значения свойства Visible |
ТРЕБОВАНИЯ БЕЗОПАСНОСТИ ТРУДА
При выполнении практической работы необходимо выполнять
общие правила техники безопасности:
9
использовать ПК только в соответствии с их назначением;
не разрешается класть на корпус ПК и под него посторонние предметы (карандаши, тетради, книги и т.п.);
оберегать ПК от толчков, ударов, сотрясений;
не допускать попадания внутрь ПК посторонних предметов через вентиляционные отверстия;
не производить подключение и отсоединение периферийных устройств (производится только персоналом ИВЦ);
при обнаружении задымления, загорания, пожара немедленно поставить в известность преподавателя.
ТЕХНОЛОГИЯ ВЫПОЛНЕНИЯ РАБОТЫ
Задание №1. Написать программу-конвертор для перевода
определенной суммы из долларов в рубли.
1.Запустить визуальную среду программирования Microsoft Visual Studio.
2.В меню Файл выбрать команду Создать→Проект.
3.Откроется диалоговое окно Создать проект.
4.На панели Типы проектов разверните Visual C# и выберите шаблон Приложение Windows Forms.
5.В текстовом поле Имя задайте имя usd2rub (рис. 3).
6.Расположить на форме следующие компоненты (рис.4):
надписи label1, label2, label3;
кнопку button1, button2;
поля ввода textBox1 и textBox1.
7. |
Настроить вид компонента Form, для этого нужно сделать |
следующие действия:
в свойстве изменения заголовка Text записать Конвертор;
в свойстве местоположения формы при запуске приложения
10