Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Лабораторная работа

Создание Windows-приложений

1. Сравнение консольного проекта и Windows-приложения

Откройте проект Auto из папки Ex_C#

Запустите на выполнение проект Auto_Console.

Затем запустите на выполнение проект Auto_Windows.

Ответьте на вопросы:

· Проекты решают одну и ту же задачу или разные задачи?

· В чем сходство и в чем отличие между проектами?

Теория

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

Поэтому, программирование в данных средах заключается в следующем: существует целый набор компонентов (кнопок, картинок, линеек прокруток и т.д.), которым задаются значения свойств (цвет, надпись, форма). Затем их располагают на общем компоненте - будущем окне приложения. После оговариваются события (щелчок мыши по кнопке, наведение курсора на картинку, выбор элемента из списка и т.д.), в зависимости от которого происходят соответствующие действия, заложенные в программу.

Чтобы создать простейшее приложение с использованием визуальных компонентов в интегрированной среде разработки, вы должны определить, чего вы хотите от программы, спроектировать внешний вид экрана - или интерфейс пользователя - для программы, а затем построить программу с помощью средств среды разработки и специального языка программирования.

Таким образом, можно выделить три этапа в процессе создания простейших Windows-приложений:

· Создание интерфейса приложения.

· Установка требуемых характеристик, или свойств, для элементов интерфейса пользователя.

· Написание текста программы для обработки событий элементов интерфейса.

Понятие компонента

С точки зрения разработчика программы компоненты - это видимые (визуальные) объекты, готовые к немедленному использованию в Вашем будущем Windows-приложении. Они сгруппированы по разделам (темам, категориям) на страницах Панели элементов и представляют собой стандартные элементы Windows: кнопки, меню, линейки прокруток, поля ввода, и т.п., а также многочисленные дополнительные возможности. Следует отметить, что особым компонентом является и сама форма, представляющая собой специальный контейнер, который вмещает в себя все другие компоненты. Форма отсутствует на Панели элементов, так как появляется при запуске среды автоматически.

В папке Материалы откройте учебник Павловская Т.А. «Программирование на языке высокого уровня С#» на стр. 312 - 313и прочитайте о событийно-управляемом программировании.

В приложении Auto_Windows событием, на которое реагирует программа, является одинарный щелчок по кнопке (click).

2. Рассмотрим свойства некоторых элементов управления на примере проекта Auto_Windows

1. С помощью кнопок горизонтального меню (смотри рисунок 1) разверните окна Панели элементов и свойств элементов и расположите их так, чтобы они не заслоняли форму.

Расположение служебных окон и формы

Для того чтобы увидеть все компоненты, расположенные на форме и иметь возможность управлять их свойствами, у вас должен быть открыт Конструктор формы. Сделать это можно щелчком правой клавиши мыши по объекту Form.cs в окне обозревателя решений (смотри рисунок).

Открытие формы в режиме конструктора

В окне свойств отображаются свойства того элемента управления, который выделен в конструкторе формы. Имя этого компонента выводится в строке, расположенной ниже заголовка окна свойств. Так как однотипных элементов управления на форме может быть несколько, то система присваивает им порядковые номера. На рисунке 4 выделен элемент «Текстовое окно» (TextBox1).

Элемент управления текстовое окно и его свойства.

Задавая различные значения свойствам элементов, мы можем изменять их внешний вид и значения.

Выделите элемент управления label2 и измените вид шрифта, изменив значения свойства font.size и font.bold так, как это сделано на рисунке.

Свойства элемента управления label2

Измените свойства формы. Для этого в окне свойств вызовите список элементов управления и выберите Form1 и измените значение свойства size (смотрите рисунок).

Изменение свойств формы

Измените цвет формы - свойство BackColor (смотрите рисунок).

Изменение цвета формы

Для изменения заголовка окна формы можно изменить свойство Text (смотри рисунок)

Изменение заголовка окна формы

Запустите приложение и посмотрите все изменения в работе.

3. Рассмотрим кода приложения на примере проекта Auto_Windows

Перейдите к коду приложения, выбрав в контекстном меню объекта Form.cs команду «перейти к коду» (смотрите рисунок).

Открытие кода проекта.

Перед вами откроется окно код проекта.

Внимательно прочитайте текст комментариев. Разберитесь в нем (смотрите рисунок).

Окно с кодом обработчика событий

Уточним: Событие, по которому начинает работу наше приложение - щелчок по кнопке. Действия, которые должны произойти в результате этого события, называют обработчиком событий.

У каждого элемента управления может быть несколько событий, на которые он может реагировать. Например, для кнопки это события: щелчок левой клавишей, щелчок правой клавишей, наведение курсора мыши, «зависание» курсора на кнопкой, момент отпускания клавиши мыши и т.д. Полный список событий, на которые реагирует элемент управления можно увидеть на вкладке События (смотри рисунок).

Список событий для кнопки

В нашем случае в окне, рядом с событием Click, прописано название процедуры с обработчиком этого события. Можно двойным щелчком мыши перейти к коду обработчика этого события.

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

Очень важное правило! Для описания обработчика основного события элемента управления, дважды щелкните мышью по элементу управления в окне Конструктора форм.

4. Переход к коду обработчика события

консольный приложение windows код

1. Откройте окно Конструктора формы.

2. Дважды щелкните по кнопке Рассчитать.

3. Вы окажетесь в окне программного кода и курсор будет стоять внутри процедуры обработчика.

5. Добавление элементов на форму и изменение кода обработчика события

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

Вид доработанного приложения

Подсказки:

1. Для того, чтобы «расчистить» место на форме, вы можете мышью в конструкторе переместить элементы управления ниже.

2. Если в конструкторе не видена метка Label5, то выделите этот элемент в окне свойств и вы увидите рамку элемента (смотри рисунок).

Отображение метки Label5 в окне Конструктора

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

Добавление элемента управления метка на форму

Размещено на Allbest.ru