Теоретические положения по программированию в интерфейсе Windows Forms и применение полученных знаний при эмулировании пункта меню Microsoft Office: Формат-Шрифт

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

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

1. ИЗУЧЕНИЕ РАБОТЫ В СРЕДЕ C++

2. ЭМУЛЯЦИЯ ПУНКТА МЕНЮ MICROSOFT OFFICE: ФОРМАТ-ШРИФТ

ЗАКЛЮЧЕНИЕ

ВВЕДЕНИЕ

Важной особенностью Microsoft Visual StudioC++ является создание приложений Windows Forms.

Windows Forms являются компонентом интеллектуальных клиентов платформы NetFramework. Используя среду разработки вроде VisualStudio, можно создать приложение Windows Forms, которые отображают информацию, запрашивают ответы пользователя и связываются с другими компьютерами по сети.

Так как, в современных операционных системах визуальное оформление является неотъемлемой частью в их работе, то программирование с использованием Windows Forms остаётся важным для разработки программ. По этому курсовая работа на тему «Эмуляция пункта меню MSWord: Формат-Шрифт» является актуальной.

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

Теоретическая значимость заключается в получении знаний, которые необходимы при программировании в интерфейсе Windows Forms.

Целью курсовой работы является рассмотрение теоретических положений по программированию в интерфейсе Windows Forms и применение полученных знаний при эмулировании пункта меню Microsoft Office: Формат-Шрифт.

В соответствии с поставленной целью курсовой работы были выдвинуты следующие задачи:

1. рассмотреть теоретические положения по программированию в интерфейсе Windows Forms;

2. создать эмулятор пункта меню Microsoft Office: Формат-Шрифт.

Курсовая работа состоит из введения, двух разделов: теоретической и практической части, заключения, списка используемой литературы. Так же в курсовой работе использованы 25 рисунков и … литературных источников.

1. ИЗУЧЕНИЕ РАБОТЫ В СРЕДЕ C++

Среда разработки Microsoft Visual Studio - это набор инструментов и средств, предназначенных для разработчиков программ, с широким набором поддерживаемых языков программирования. VisualC++ является частью VisualStudio. Интегрированную среду разработки VisualStudio используют и другие средства разработки, например MicrosoftC#.

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

Рис.1. Основной окно среды разработки

Для начала работы необходимо создать новый проект. В нашем случае это будет «Приложение Windows Forms» для платформы CLR, выводящее на экран окно среды Windows.

Для создания проекта нужно выбрать соответствующий пункт меню среды разработки (Файл >Создать>Проект) или нажать комбинацию клавиш <Ctrl+Shift+N>. При этом появится диалоговое окно «Создание проекта», позволяющее создавать все типы проектов VisualStudio (Рис.2).

Рис.2. Окно «Создать проект»

Здесь необходимо выбрать тип проекта. В данном случае нам необходимо создать проект VisualC++. Далее выбираем необходимый подтип (CLR) и шаблон приложения (Приложение Windows Forms). После этого следует ввести имя приложения, проверить местоположение каталога с файлами проекта (или изменить его при помощи кнопки «Обзор…»). Далее нажимаем «Ок», и попадаем в окно конструктора приложений, представленного на Рис.3.



Рис.3. Окно «Конструктор приложения»

Здесь представлены все компоненты, необходимые для создания нашего приложения «Windows Forms».

Представлен непосредственно сам шаблон нашего приложения, на который мы можем вносить необходимые элементы (Рис.4). Их перечень разнообразен и за счёт этого, пользователь может создавать многофункциональные приложения, которые будут соответствовать поставленной задаче.

Рис.4. Шаблон приложения Windows Forms

Элементы, которые доступны пользователю, для добавления в шаблон расположены в специальном окне «Панель элементов» (Рис.5), которое, по умолчанию, располагается в правой части окна VisualStudio. Если же оно отсутствует, то его можно добавить зайдя в соответствующий пункт меню (Вид>Панель элементов) или же сочетанием клавиш <Ctrl+Alt+X>.

Рис.5. «Панель элементов»

Внеся элемент на шаблон нашего приложения, мы можем увидеть его вкладку «Свойства», в которой отображаются свойства нашего элемента (Рис.6).



Рис.6. Панель «Свойства»

Помещение компонента в форму

Поместить компонент в форму можно одним из следующих способов:

· Найти нужный компонент на палитре компонентов, щёлкнуть на нём мышью, перевести указатель мыши в нужное место окна дизайнера форм и снова щёлкнуть мышью. Значок компонента появится в форме в своём активном состоянии - по его периметру (или в точке периметра) появятся квадратики. Если вы при этом тем же способом поместите другой компонент в форму, то последний станет активным, а все остальные неактивными;

· Дважды щёлкнуть на нужном компоненте на вкладке.

ЭлементButton

ЭлементButtonпредставляет из себя элемент «кнопка», располагается в панели элементов, в группе «стандартные элементы управления» (Рис.7).



Рис.7. Группа «стандартные элементы управления»

Свойства Button

Как и прочие элементыButton имеет свойство Name, которое является идентификатором компонента в программном коде. VisualStudio автоматически присваивает уникальное имя (например, button1), которое можно изменить на необходимое, чтобы оно соответствовало его функциональной направленности.

В обиходе Button используется для проведения действия и дополняется надписью, текст которой задаётся при помощи свойства Text. При необходимости элемент может содержать изображение, с текстом или без, по средствам свойства Image. Image позволяет хранить изображение,загружаемое из файлов.

Если элемент Button должен отображать текст и изображение, то используется его свойство TextImageRelation, обозначающий взаимное расположение текста и изображения.

Свойства TextAlign и ImageAlign задают положение текста или изображения внутри элемента Button. По умолчанию в этих свойствах указано значение MiddleCenter. Для необходимости его можно изменить на TopLeft, TopCenter, TopRight, MiddleLeft, MiddleRight, BottomLeft, BottomCenter, BottomRight.

Помимо перечисленных выше свойств, Button имеет ещё ряд свойств, которые предназначены для настройки внешнего вида и поведения.

· AutoSize - задаёт или отменяет подгонку размеров кнопки под размеры текста, который она содержит, чтобы текст полностью помещался на ней.

· AutoEllipsis - задаёт или отменяет выведение подсказки, при наведении курсора на элемент, когда текст не вмещается на поле элемента.

· FlatStyle - стиль кнопки. Стиль выбирается из имеющегося списка, который открывается при помощи щелчка мыши в поле этого свойства.

· FlatAppearance - это свойство позволяет задать окантовку кнопки, если в свойстве FlatStyle выбран пункт Flat.

· TabStop - возможность получения фокуса на элементе при нажатии клавиши Tab.

· UseMnemonic - определяет связь кнопки с «горячей» клавишей. Наличие этого свойства позволяет реагировать не только на щелчок мыши, но и на сочетание клавиш <Alt+”клавиша”> вызывая событие Click. Например, если свойство Text задано строкой «В%вод», то элемент будет реагировать на нажатие <Alt+В> так же, как на щелчок по ней.

События кнопки

Большинство событий аналогичны одноимённым событиям формы, например:

· Click - возникает при щелчке или использовании «горячей» клавиши;

· MouseDown - возникает, когда курсор мыши находится в области элемента.

· Enter - возникает, когда кнопка получает фокус ввода, то есть становится активной.

· MouseMove - возникает при перемещении курсора мыши в области компонента.

· MouseUp - возникает, когда курсор мыши находится в области компонента.

Методы кнопки

Button имеет большое число методов, главным образом унаследованных от других классов. К примеру некоторые из них:

· Hide ( ) - делает кнопку невидимой;

· Focus ( ) - делает кнопку активной, то есть её можно нажимать;

· Select ( ) - работает аналогично методу Focus ( );

· Show ( ) - делает кнопку видимой.

Включение компонента в форму

Элемент можно включить в форму следующими способами:

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

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

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

Элемент ComboBox.

Элемент находится в группе «стандартные элементы управления». Этот элемент является комбинацией редактируемого поля и списка ListBox: в форме он представляется в виде редактируемого поля с треугольной кнопкой справа. Элемент ComboBox используется для вывода данных в виде выпадающего списка и последующей выборки их из этого списка. По умолчанию ComboBox появляется в виде окна для ввода/вывода текста, при этом выпадающий список скрыт (Рис.7).

Свойства ComboBox

Как и прочие элементы ComboBox имеет свойство Name, которое является идентификатором компонента в программном коде. VisualStudio автоматически присваивает уникальное имя (например, button1), которое можно изменить на необходимое, чтобы оно соответствовало его функциональной направленности.

Элемент ComboBox имеет ряд особенных свойств, таких как:

· Items - содержит набор строк ComboBox. Это свойство можно как задавать в режиме дизайна, открыв диалоговое окно редактора кнопкой с многоточием в поле этого свойства, чтобы ввести туда необходимые строки, так и программно формировать. Если некоторая строка отмечена в ComboBox, то её индекс помещается в свойство SelectIndex.

· SelectedIndex - Это целочисленная переменная, изменяющаяся от нуля (т.е. первая строка ComboBox будет иметь индекс, равный нулю, вторая - единице и т.д.).

· SelectedItem - свойство, сходное со свойство SelectedIndex, только оно возвращает выбранный элемент (обычно это строка).

· Count - свойство, содержащее количество элементов в списке ComboBox. Расчёт количества ведётся от 1 (если в списке 10 с трок, то Cout будет равен 10).

· DropDownStyle - задаёт стиль вывода данных компонентом. Может принимать значения:

§ Simple - в этом случае работает поле редактирования, а кнопка раскрытия списка спрятана (можно только вводить строку данных;

§ DropDown - в этом случае стрелка раскрытия списка видна, и с её помощью можно раскрыть список, выбрать строку, которая попадёт в список редактирования, где её можно отредактировать прежде чем использовать далее;

§ DropDownList - выборку из списка можно делать, но выбранную строку уже редактировать нельзя.

§ Text - свойство, содержащее значение поля редактирования компонента (т.е. из списка можно извлекать строку и редакировать её).

§ DropDownWidth и DropDownHeight - ширина и высота выпадающего списка. Если последнее свойство таково, что окно списка не вмещает весь список, то в окне появится полоса прокрутки. Если же окно по размеру больше списка, то при выводе окон примет размер списка.

§ FlatStyle - стиль ока редактирования. Если задать свойство в виде PopUp, то при наведении курсора мыши на окно, оно «всплывает», что весьма удобно при контроле за движением курсора мыши. Если свойству придать значение System, то при наведении курсора мыши на окно, стрелка, раскрывающая список, изменит цвет.

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

§ AutoCompleteCustomSource - это свойство совместно со свойствами AutoCompleteMode и AutoCompleteSource обеспечивает подсказку с выбором значения из списка для вводимых строк.

· RightToLeft - задаёт направление элемента ComboBox, то есть в режиме Yes текст пишется справа на лево, а в режиме No слева на право.

Основные методы, употребляемые для загрузки ComboBox, это следующие:

· Clear ( ) - очищает поле ComboBox;

· Add ( ) - добавляет элемент в конец поля ComboBox;

· IndexOf ( ) - выдаёт индекс строки в поле ComboBox. Строка задаётся в аргументе метода. Если строка не найдена, то выдаётся -1.

· Insert ( ) - вставляет строку в поле ComboBox перед указанным в аргументе индексом.

· Например, следующие операторы, помещённые вобработчик кнопки:

this->comboBox1->Items->Clear ( );

this->comboBox1->Items->Add (“Строка1”); //индексэтойстрокиравен 0

this->comboBox1->Items->Add (“Строка2”); //индекс этой строки равен 1

this->comboBox1->Items->Insert (1, “Insert”);

Дают такой результат:

Строка1

Insert

Строка2

· Remove ( ) - удаляет строку, указанную в аргументе, из поля ComboBox. Например, выполним оператор на множестве трёх предыдущих строк:

this->comboBox1-Items->Remove (“Insert”);

Получим результат:

Строка1

Строка2

· RemoveAt ( ) - удаляет строку из поля ComboBox, индекс которой указан в аргументе.

Например, выполним оператор:

this->comboBox1->Items->RemoveAt (1);

На множестве трёх строк:

Строка1

Insert

Строка2

Получим такой результат:

Строка1

Строка2

Включение компонента в форму.

Элемент можно включить в форму следующими способами:

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

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

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

Элемент MenuStrip

Элемент находится в списке «Меню и панели инструментов» палитры элементов. Этот элемент создаёт главное меню приложения, с помощью которого управляют всей работой приложения и его частей. Разные части приложения запускаются на выполнение отдельными командами, собранными в эту структуру. Выход из приложения тоже происходит через меню. Структуру меню определяет создатель приложения. Меню формируется в форме после того, как его значок перенесён из палитры компонентов в форму. С этой формой меню будет связано через свойство формы MainMenuStrip, в окне которого и появляется имя компонента.

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

Свойства опции MenuStrip.

· BackgroundImage - задаёт (с помощью выбора через диалоговое окно) фоновое изображение, которое помещается в полосу меню и на фоне которого будут видны его опции. С помощью свойства BackgroundLayout изображение можно «подогнать» под соответствующий формат (Рис. 8).

Рис. 8. Формирование фонового изображения на полосе меню

· Items - через диалоговое окно этого свойства формируются опции меню.

· LaYoutStyle - стиль размещения меню. Выбирается из выпадающего списка.

· Checked - с помощью этого свойства можно контролировать, была ли выбрана данная команда меню. Это очень важно при эксплуатации приложения: если в вашем меню множество опций, а вы некоторые из них уже выполнили, то если не пометить выполненные, возможно по ошибке станете выполнять какую-нибудь опцию снова. Существует свойство CheckOnClick, которое (если установить его значение в true) обеспечит необходимую пометку выполненной опции (но при условии, что её свойство Checked тоже имеет значение true).

Включение компонента в форму.

Элемент можно включить в форму следующими способами:

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

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

Элемент ColorDialog

Компонент находится в списке «диалоговый окна» палитры элементов. Он делает возможным выбор цвета в диалоговом окне. Работает точно так же, как и остальные диалоговые компоненты: выполняется метод ShowDialog ( ), открывается палитра цветов, из которой нужно выбрать необходимый цвет. Значение цвета помещается в свойство Color компонента, после чего цвет может использоваться в дальнейшем. Пример работы компонента показан на рис.9.

Рис.9. Пример использования компонента ColorDialog

Текст обработчика кнопки, вызывающего диалоговое окно ColorDialog:

private: System::Voidbutton7_Click_1(System::Object^ sender, System::EventArgs^ e) {

this->colorDialog1->ShowDialog();

}

2. ЭМУЛЯЦИЯ ПУНКТА МЕНЮ MICROSOFT OFFICE: ФОРМАТ-ШРИФТ

Перед нами поставлена задача создать эмуляцию Microsoft Office Word: Формат-Шрифт. За основу взят Microsoft Office 2010 (Рис.10).

Рис.10. Окно Microsoft Office 2010 «Формат-Шрифт»

Сначала нужно создать проект. Для этого необходимо запустить Microsoft Visual Studio 2010 и создать Проект Windows Forms. Для этого необходимо выбрать пункт меню «Файл>Создать>Проект…» (Рис.11). В открывшемся окне «Создать проект» выбрать «VisualC++>CLR>Приложение Windows Forms» (Рис. 12). Для проекта необходимо задать имя, оно указывается в пункте «Имя». После того, как мы указали имя нашего проекта, нажимаем на кнопку «Ок». Наш проект создан.



Рис.11. Создание Проекта Windows Forms

Рис.12. Окно «Создать проект»

Наш проект создан, перед нами появилась форма проекта (Рис.13), на которую мы будем вносить элементы, необходимые для реализации программы. Но, для начала, изменим размер формы для более полного сходства с оригиналом. Для этого кликнем по форме, и в пункте «Свойства» найдём пункт «Size» и укажем необходимый размер окна формы. В нашем случае это любой, который будет задавать для формы прямоугольный вид.

Чтобы пользователь не мог изменять размеры окна нашей программы, когда она запущена, необходимо в свойстве «FormBorderStyle» выбрать параметр «FixedToolWindow». Таким образом, окно приобретёт упрощённый стиль и его нельзя изменять в размерах (Рис.13).

Рис.13. Форма проекта

Теперь приступим непосредственно к внесению наших элементов на форму. Для этого необходимо кликнуть по форме один раз, и кликнуть по окну «Панель элементов» (Рис.14). Перед нами открылся список элементов, которые мы можем внести в нашу форму. Все элементы подразделены размещены на пункты «Все формы Windows Forms», «Стандартные элементы управления», «Контейнеры», «Меню и панель инструментов», «Данные», «Компоненты», «Печать», «Диалоговые окна», «Взаимодействия WPF», «Отчёты», «VisualBasicPowerPacks».

Для начала внесём в форму элемент ComboBox, нам потребуется два. Расположим их в один ряд, рядом друг с другом (Рис.14).



Рис.14.Форма с элементом ComboBox

Далее необходимо сделать так, чтобы нашиComboBox содержали в себе список. Для этого в свойствах ComboBox, нужно найти пункт «Items» и щёлкаем по графе «Коллекция» (Рис.15). Откроется окно «Редактор коллекции строк» (Рис.16). В него и будут заноситься наши значения.

В первый ComboBox будут занесены названия стилей шрифтов.

Рис.15. Графа «Коллекция»в свойствах ComboBox



Рис.16.Окно «Редактор коллекции строк»

Чтобы после заполнения ComboBox был изначально заполнен, в его свойствах, в пункте «Text» и впишем в него что-нибудь из списка строк, к пример «TimeNewRoman».Такие же действия проделаем со вторым ComboBox, но в него внесём список размеров шрифта. Теперь форма выглядит приблизительно так, как показано на рис.17.

Рис.17.ComboBox со списком размера шрифта

Теперь нам нужно создать кнопки, их больше всего на форме. В этом нам поможет элемент Button. Он представляет, из себя, кнопку, на которой может располагаться как текст, так и изображение.

Внесём на форму 12 элементов Button. И расположим их на форме так, чтобы по своему расположению они походили на оригинал (рис.18).

Рис.18.Форму с элементамиButton

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

За оформление текста в кнопках отвечают пункты меню «Своства»:

Font, вкоторомсодержатсяподпункты Name, Size, Unit, Bold, GdiCharSet, GdiVerticalFont, Italic, Strikeout, Underline; ForeColor, Image, ImageAlign, ImageIndex, ImageKey, ImageList, RightToLeft, Text, TextAlign, TextImageRelation, UseMnemonic, UseVisualStyleBackColor, UseWaitCursor.

Из них нам понадобится:

· Font - изменяет стиль шрифта.

· Size - изменяет размер шрифта.

· Bold - делает шрифт жирным.

· Italic - шрифт пишется курсивом.

· Strikeout - зачёркивает текст.

· Underline - подчёркивает шрифт.

· Text - текст, который будет содержать кнопка.

· Image - изображение, которое будет содержать кнопка.

После того, как к каждой кнопке был добавлен свой текст и своё изображение, перед нами появится форма с элементами, представленная на рис.19.



Рис.19.Форма с элементами

Некоторые из кнопок активируют диалоговое окно цветовой палитры. Для её активации понадобится элемент ColorDialog. Чтобы активировать диалоговое окно цветовой палитры, по нажатию элемента Button, необходимо выбрать элемент ColorDialog и перетащить его на форму. После, двойным кликом по элементу Button, который уже вынесен на нашу форму, открываем код «кнопки» (Рис.20). В него вписываем следующий код:

this->colorDialog1->ShowDialog();

Рис.20.Код «кнопки»ColorDialog

После того, как программа будет запущена, при нажатии на кнопку перед нами появится диалоговое окно цветовой палитры (Рис.21).



Рис.21. Диалоговое окно цветовой палитры

Для создания кнопки с выплывающим меню, нам потребуется компонент MenuStrip. Компонент находится в списке «Меню и панели инструментов». Добавив его на форму, в его свойствах найдём пункт Items, и откроем его. После того, как мы открыли его перед нами появится окно «Редактор коллекции элементов» (Рис.22). Перед нами древо элементов, в нём необходимо найти элемент «aaToolStripMenuItem». Щёлкнув по нему один раз, в левой части окна появятся его свойства. Необходимо найти свойство «Image», изменим содержимое на изображение , чтобы было наибольшее сходство с оригиналом. Применив все внесённые изменения. Вернёмся на форму, нажав на элемент, перед нами откроется поле для ввода. Введём в нижнее поле наши пункты (Рис.23).



Рис.22. Окно «Редактор коллекции элементов»

Рис.23. Поле для ввода элементов меню

После того, как проект создан, его необходимо запустить. Для этого необходимо нажать на кнопку запуска (рис.24) или же клавишу F5. Произойдёт процесс компиляции, после которого программа будет запущена.

Рис.24. Запуск проекта

В итоге имеем эмуляцию Microsoft Office Word: Формат-Шрифт (рис.25).



Рис.25.Эмуляция Microsoft Office Word: Формат-Шрифт

ЗАКЛЮЧЕНИЕ

microsoft windows эмулятор

Так как формы являются основной частью приложения, важно уделять внимание их внешнему виду и функциям. Этому способствует интерфейс программирования Windows Forms. Используя интерфейс Windows Forms возможно создать наиболее приятный и понятный в использовании интерфейс программы.

Приложения с использованием интерфейса Windows Forms могут создаваться в среде программирования Microsoft Visual Studio и подобных. Они создаются по средствам обычного проекта. Windows Forms состоит из формы и элементов, которые располагаются на ней. Все компоненты, которые могут быть применены в проекте Windows Forms расположены в специально меню «Панель элементов». Пользователь может менять их расположение на форме и их свойства.

Основная задача курсовой работы, связанна с созданием эмулятора пункта меню Microsoft Office: Формат-Шрифт, была достигнута посредством изучения теоретического материала, изложенного в специальной литературе, и применена на практике.

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