Практическая работа создание приложения с основными элементами ввода/вывода


Скачать 328.01 Kb.
Название Практическая работа создание приложения с основными элементами ввода/вывода
страница 1/4
Тип Практическая работа
rykovodstvo.ru > Руководство эксплуатация > Практическая работа
  1   2   3   4
ПРАКТИЧЕСКАЯ РАБОТА

СОЗДАНИЕ ПРИЛОЖЕНИЯ С ОСНОВНЫМИ ЭЛЕМЕНТАМИ ВВОДА/ВЫВОДА

Цель: получение навыков работы по созданию приложений с основными элементами ввода/вывода.

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



Рисунок 1 - Окно программы "Доход"

Начало работы над проектом

Чтобы начать работу над новым проектом, надо:

В меню File выбрать команду New Project.

В открывшемся окне New Project выбрать тип приложения — Windows Forms Application - Visual C#.

В поле Name ввести имя проекта — profit и нажать кнопку ОК (рисунок 2).

В результате описанных действий в папке временных проектов (по умолчанию это C:\Users\User\AppData\Local\Temporary Projects) будет создана папка profit, а в ней — проект profit.



Рисунок 2. Начало работы над новой программой

Форма

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

Сначала нужно установить требуемые значения свойств формы, затем — поместить на форму необходимые компоненты (поля ввода информации, командные кнопки, поля отображения текста и др.) и выполнить.

Настройка формы (а также компонентов) осуществляется путем изменения значений свойств. Свойства объекта (формы, компонента) определяют его вид и поведение. Например, свойство Text определяет текст заголовка окна, а свойство startPosition — положение окна в момент появления его на экране.

Основные свойства формы (объекта Form) приведены в таблице 1.
Таблица 1. Свойства формы (объекта Form)

Свойство

Описание

Name

Имя формы

Text

Текст в заголовке

Size

Размер формы. Уточняющее свойство width определяет ширину, свойство Heigh — ВЫСОТУ

StartPosition

Положение формы в момент первого появления на экране. Форма может находиться в центре экрана (CenterScreen), в центре родительского окна (CenterParent). Если значение свойства равно Manual, то положение

формы Определяется Значением СВОЙСТВа Location

Location

Положение формы на экране. Расстояние от верхней границы формы до верхней границы экрана задает уточняющее свойство Y, расстояние от левой границы формы до левой границы экрана — уточняющее свойство х

ForrrBorderStyle

Тип формы (границы). Форма может представлять собой обычное окно

(Sizable), ОКНО фиксированного размера (FixedSingle, Fixed3D), ДИЭЛОГ

(FixedDialog) или окно без кнопок Свернуть и Развернуть

(SizeableToolWindow, FixedToolWindow). ЕСЛИ СВОЙСТВУ ПРИСВОИТЬ Значение None, у окна не будет заголовка и границы

ControlBox

Управляет отображением системного меню и кнопок управления окном. Если значение свойства равно False, то в заголовке окна кнопка системного меню, а также кнопки Свернуть, Развернуть, Закрыть не отображаются

MaximazeBox

Кнопка Развернуть. Если значение свойства равно False, то находящаяся в заголовке окна кнопка Развернуть недоступна

MinimazeBox

Кнопка Свернуть. Если значение свойства равно False, то находящаяся в заголовке окна кнопка Свернуть недоступна

Icon

Значок в заголовке окна

Font

Шрифт, используемый по умолчанию компонентами, находящимися на поверхности формы. Изменение значения свойства приводит к автоматическому изменению значения свойства Font всех компонентов формы (при условии, что значение свойства компонента не было задано явно)

ForeColor

Цвет, наследуемый компонентами формы и используемый ими для отображения текста. Изменение значения свойства приводит к автоматическому изменению соответствующего свойства всех компонентов формы (при условии, что значение свойства Font компонента не было задано явно)

BackColor

Цвет фона. Можно задать явно (выбрать на вкладке Custom или Web) или указать элемент цветовой схемы (выбрать на вкладке System)

Opacity

Степень прозрачности формы. Форма может быть непрозрачной (100%) или прозрачной. Если значение свойства меньше 100%, то сквозь форму видна поверхность, на которой она отображается

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

Чтобы в заголовке окна отображалось название программы, надо изменить значение свойства Text. Для этого следует щелкнуть левой кнопкой мыши в поле значение свойства Text (в поле появится курсор), ввести в поле редактирования текст Доход и нажать клавишу (рис. 2.3).



Рисунок 3. Изменение значения свойства Text путем ввода нового значения



Рисунок 4. Установка значения свойства путем выбора из списка
При выборе некоторых свойств, например FormBorderstyle, справа от текущего значения свойства появляется значок раскрывающегося списка. Очевидно, что значение таких свойств можно задать путем выбора из списка (рисунок.4).

Некоторые свойства являются сложными. Они представляют собой совокупность других (уточняющих) свойств. Например, свойство size, определяющее размер формы, представляет собой совокупность свойств width и Height. Перед именами сложных свойств стоит значок ► , в результате щелчка на котором раскрывается список уточняющих свойств (рисунок 5). Значение уточняющего свойства можно задать (изменить) обычным образом — ввести нужное значение в поле редактирования.

Размер формы можно изменить и с помощью мыши, точно так же, как и любого окна, т. е. путем перемещения границы. По окончании перемещения границы значения свойств width и Height будут соответствовать установленному размеру формы.

В результате выбора некоторых свойств, например Font, в поле значения свойства отображается кнопка, на которой изображены три точки. Это значит, что задать значение свойства можно в дополнительном диалоговом окне, которое появится в результате щелчка на этой кнопке. Например, значение свойства Font можно задать путем ввода значений уточняющих свойств (Name, size, style и др.), а можно воспользоваться стандартным диалоговым окном Шрифт, которое появится в результате щелчка на кнопке с тремя точками (рисунок 6).



Рисунок 5. Изменение значения уточняющего свойства



Рисунок 6. Чтобы задать свойства шрифта, щелкните на кнопке с тремя точками
В таблице 2 приведены значения свойств формы программы "Доход". Значения остальных свойств формы оставлены без изменения и поэтому в таблице не представлены. Обратите внимание, в именах некоторых свойств есть точка. Это значит, что это значение уточняющего свойства.
Таблица 2. Значения свойств стартовой формы

Свойство

Значение

Комментарий

Text

Доход




Size.Width

365




Size.Height

215




FonrBorderStyle

FixedSingle

Тонкая граница формы. Во время работы программы пользователь не сможет изменить размер окна путем захвата и перемещения его границы

Свойство

Значение

Комментарий

StartPosition

CenterScreen

Окно программы появится в центре экрана

MaximizeBox

False

В заголовке окна не отображать кнопку Развернуть

Font. Name

Tahoma




Font.Size

10




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



Рисунок 7. Форма после изменения значений ее свойств
Компоненты

Поля ввода/редактирования, поля отображения текста, командные кнопки, списки, переключатели и другие элементы, обеспечивающие взаимодействие пользователя с программой, называют компонентами пользовательского интерфейса. Они находятся в окне Tollbox на вкладке Common Controls.

Программа "Доход" должна получить от пользователя исходные данные — сумму и срок вклада. Ввод данных с клавиатуры обеспечивает компонент TextBox. Таким образом, на форму разрабатываемого приложения нужно поместить два компонента TextBox.

Чтобы на форму добавить компонент TextBox, надо:

В палитре компонентов (окно Toolbox) раскрыть вкладку Common Controls.

Сделать щелчок на значке компонента TextBox (рисунок 8).

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

В результате на форме появляется поле ввода/редактирования — компонент

TextBox (рисунок 9).



Рисунок 8. Выбор компонента в палитре (компонент TextBox — поле редактирования)


Рисунок 9. Результат добавления на форму компонента TextBox
Каждому добавленному компоненту среда разработки присваивает имя, которое состоит из названия компонента и его порядкового номера. Например, первый добавленный на форму компонент TextBox получает ИМЯ textBox1, второй — textBox2. Программист путем изменения значения свойства Name может поменять имя компонента. Однако в простых программах имена компонентов, как правило, не меняют.

Основные свойства компонента TextBox приведены в таблице 3.
Таблица 3. Свойства компонента TextBox

Свойство

Описание

Name

Имя компонента. Используется для доступа к компоненту и его свойствам

Text

Текст, который находится в поле редактирования

Location

Положение компонента на поверхности формы

Size

Размер компонента

Font

Шрифт, используемый для отображения текста в поле компонента

ForeColor

Цвет текста, находящегося в поле компонента

BackColor

Цвет фона поля компонента

Borderstyle

Вид рамки (границы) компонента. Граница компонента может быть обычной

(Fixed3D), ТОНКОЙ (FixedSingle) ИЛИ отсутствовать (None)

TextAlign

Способ выравнивания текста в поле компонента. Текст в поле компонента может быть прижат клевой границе компонента (Left), правой (Right) или

НаХОДИТЬСЯ ПО Центру (Center)

MaxLength

Максимальное количество символов, которое можно ввести в поле компонента

Multiline

Разрешает (True) или запрещает (False) ввод нескольких строк текста

Readonly

Разрешает (True) или запрещает (False) редактирование отображаемого текста

Lines

Массив строк, элементы которого содержат текст, находящийся в поле редактирования, если компонент находится в режиме MultiLine. Доступ к строке осуществляется по номеру. Строки нумеруются с нуля

ScrollBars

Задает отображаемые полосы прокрутки: Horizontal — горизонтальная; Vertical — вертикальная; Both — горизонтальная и вертикальная; None — не отображать
  1   2   3   4

Похожие:

Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа №1 «Технология строительства воздушных линий связи»
Практическая работа №9 «Технология ввода кабелей в здание атс. Оборудование шахт»
Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа 1 создание первого приложения windows form
Цель: получение первичных навыков разработки приложений с использованием Windows Forms
Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа 1 «Создание алгоритма разработки web-сайта»
Практическая работа 7-8 «Дополнительные элементы языка html для форматирования web-страниц»
Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа №12 72 Изучение холодильных шкафов 72 Практическая...
Ознакомление с оборудованием системы автоматизации ресторанной деятельности (r- keeper) 22
Практическая работа создание приложения с основными элементами ввода/вывода icon Новосибирский государственный технический университет
Знакомство с интерфейсом приложения Microsoft Access® (далее – просто Access), его основные сходства и отличия от приложения Microsoft...
Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа №1 «Работа с нормативными документами»
...
Практическая работа создание приложения с основными элементами ввода/вывода icon Лабораторная работа №4 по дисциплине «Системы ввода/вывода и периферийные устройства»
Разработать и написать драйвер клавиатуры для учебно-лабораторного стенда sdk написать тестовую программу для разработанного драйвера,...
Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа №1 «Расчет срока окупаемости капитальных вложений...
Практическая работа №2 «Задача выбора поставщика и ее решениена основе анализа полной стоимости»
Практическая работа создание приложения с основными элементами ввода/вывода icon Аппаратная вычислительная платформа, основными компонентами которой...
Рассылаемые в настоящее время версии могут быть заказаны уже распаянными. Информация об устройстве платы (рисунок печатной платы)...
Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа №1 «Изучение конструкции материнской платы»
Практическая работа №5 «Изучение принципа работы и характеристик жидкокристаллических дисплеев»
Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа №1 «Изучение организации бесперебойного питания пк»
Практическая работа №3 «Изучение типов современных процессоров и их характеристик»
Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа №1 «Изучение организации бесперебойного питания пк»
Практическая работа №3 «Изучение типов современных процессоров и их характеристик»
Практическая работа создание приложения с основными элементами ввода/вывода icon Практическая работа №1 «Изучение методов конфигурирования сетей доступа»
Практическая работа №2 «Изучение методов отбора, подготовки и контроля линии под технологию adsl»
Практическая работа создание приложения с основными элементами ввода/вывода icon 2 Конфигурация Тема 2 Процессор
Во втором модуле описаны основные компоненты компьютерной системы: процессор, память, устройства ввода / вывода
Практическая работа создание приложения с основными элементами ввода/вывода icon Руководство по инсталляции ибп 1000 кВт 400 В
Установка соединительных шин между секциями управления и ввода-вывода после установки модуля статического переключателя. 36
Практическая работа создание приложения с основными элементами ввода/вывода icon Реферат " Базовая система ввода-вывода bios"
Это часть программного обеспечения pc, поддерживающая управление адаптерами внешних устройств, экранные операции, тестирование, начальную...

Руководство, инструкция по применению




При копировании материала укажите ссылку © 2024
контакты
rykovodstvo.ru
Поиск