Разработка приложения "Текстовый редактор"

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

1. Разработка приложения «Текстовый редактор»

Среда Microsoft Visual Studio 2008 позволяет создавать не только консольные приложения, но и приложения, характеризующиеся наличием графического пользовательского интерфейса, навыки разработки которых, могут быть получены при создании приложения «Текстовый редактор». Данное приложение предназначено для создания новых файлов, открытия и отображения содержимого уже существующих файлов, а также редактирования и сохранения содержимого этих файлов.

1.1 Создание нового проекта

Запустите среду MS Visual Studio 2008. Выберите пункт главного меню File | New | Project.., после чего в открывшемся окне (рисунок 1) укажите тип проекта (Project types: CLR), выберите шаблон (Templates: Windows Forms Application), задайте место расположения вашего нового проекта (Location), укажите название проекта (Name), нажмите кнопку ОК.

Рисунок 1

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

В состав только что созданного проекта входит только одна форма, которая по умолчанию носит название Form1, исходный вид данной экранной формы приведен на рисунке 2. Именно так будет выглядеть форма приложения при запуске откомпилированной программы на выполнение.

Рисунок 2

Следующим шагом будет являться изменение некоторых свойств созданной формы. В окне Properties найдите строку StartPosition и выберите опцию CenterScreen. В свойстве Text вместо Form1 впишите следующую строку: Текстовый редактор.

1.2.1 Создание меню

Для создания меню на главную форму приложения поместите компонент MenuStrip (расположен в разделе Menus & Toolbars окна Tollbox). Этот компонент создаёт главное меню приложения, с помощью которого можно управлять всей работой приложения и его частей. Разные части приложения запускаются на выполнение отдельными командами, собранными в эту структуру. Выход из приложения также происходит через меню.

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

Выберите курсором мыши только что созданный компонент MenuStrip, присвойте свойству Dock значение Top. Теперь можно приступить к формированию структуры меню.

В данном случае необходима следующая структура меню:

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

_ "&Вид" (с пунктом "&Инструментальная панель");

_ "&Редактирование" (с пунктами "&Вырезать", "&Копировать", "Вс&тавить");

_ "&?" с пунктом "&О программе".

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

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

Рисунок 3

Выполните настройку клавиш быстрого доступа, как показано на рисунке 3.

1.2.2 Создание инструментальной панели

Далее на пустой форме разместите компонент Panel _ будущую инструментальную панель редактора. Для этого просто «перетащите» компонент Panel, находящийся в окне Toolbox, на вкладке Containers, на форму вашего текстового редактора. Свойству Name компонента присвойте значение pToolBar, свойству Dock - значение Top.

Далее необходимо выбрать мышью компонент pToolBar и разместить на нём девять компонентов Button со вкладки Common Controls. После выделения всех кнопок можно задать общие свойства: Size установить в 25, 25, _ и разместить все кнопки в одну линию (рисунок 4).

Рисунок 4

Свойства Name созданных компонентов измените на bFileNew, bFileOpen, bFileSave, bFileClose, bCut, bCopy, bPaste, bHelp, bExit.

Для оснащения кнопок рисунками свойствам Image присвойте значения. С этой целью можно воспользоваться набором картинок, входящих в состав Visual Studio 2008 (если распаковать архив: <VS path> \ Common7 \ VS2005ImageLibrary\ VS2005ImageLibrary.zip ). Например, могут быть использованы иконки, показанные на рисунке 5.

Рисунок 5

Используя приемы манипуляции компонентами, разместите кнопки группами, как показано на рисунке 5.

Поместите на форму компонент ToolTip (вкладка Common Controls окна Toolbox). Измените свойство Name компонента на ttHint. При желании можно поменять свойство IsBalloon на True. Далее необходимо задать свойства ToolTip on ttHint для всех кнопок разрабатываемого приложения: «Создать» (bFileNew), «Открыть» (bFileOpen), «Сохранить» (bFileSave), «Закрыть» (bFileClose), «Вырезать» (bCut), «Копировать» (bCopy), «Вставить» (bPaste), «Справка» (bHelp), «Выход» (bExit). Теперь будут отображаться комментарии-подсказки при наведении курсора мыши на кнопки.

1.2.3 Работа со строкой состояния

Далее на форме разместите компонент StatusStrip со вкладки Menus & Toolbars окна Toolbox. На вновь созданном компоненте вызовите меню (нажатием левой кнопки мыши) и выберите опцию StatusLabel (рисунок 6). Далее в окне Properties для свойства Text задайте значение Без имени.

Рисунок 6

1.2.4 Создание области для редактирования текста

На форме разместите компонент RichTextBox (расположен на вкладке Common Controls окна Toolbox). Свойству Name задайте значение rtbText, свойству Dock _ Fill, свойству ScrollBars _ значение Vertical.

1.2.5 Работа с диалогами открытия и сохранения файлов

Текстовый редактор должен открывать и сохранять файлы. Для этого используются стандартные диалоги Windows. Поэтому на форму необходимо поместить два диалога со вкладки Dialogs окна Toolbox: OpenFileDialog и SaveFileDialog. (Следует отметить, что указанные компоненты будут помещены не на саму форму, а на так называемый «поддон» _ область размещения не визуальных компонентов приложения.)

Свойство Name только что созданного компонента openFileDialog1 установите в openFD, свойство Filter измените, внеся следующую строку: RTF файлы|*.rtf. Тем самым будут заданы условия фильтрации файлов.

Для компонента saveFileDialog1 повторите аналогичные действия: поменяйте свойство Name на saveFD, свойству Filter задайте строку: RTF файлы|*.rtf.

1.2.6 Создание контекстного меню

Теперь имеет смысл создать контекстные меню для различных элементов главной формы приложения. Для этого на форме расположите два компонента ContextMenuStrip (находятся на вкладке Menus & Toolbars окна Toolbox). Свойство Name первого компонента установите в cms1, далее задайте пункты данного контекстного меню: "Вырезать", "Копировать", "Вставить". Свойству Name второго компонента присвойте значение cms2 и задайте единственный пункт "Скрыть".

Для компонентов rtbText и pToolBar в свойствах ContexMenuStrip выбираются из выпадающего списка соответствующие имена контекстных меню.

1.3 Добавление новой формы

Кнопка bHelp отвечает за вывод на экран диалоговой панели "О программе". Наличие подобной диалоговой панели является стандартом для современных приложений. Для добавления новой формы к проекту нужно открыть контекстное меню проекта (через окно Solution Explorer) и выбрать в нём опцию Add|New Item (добавить новый элемент). В открывшемся диалоговом окне следует выбрать позицию Windows Form, задать имя новой формы About и нажать кнопку Add (рисунок 7).

Рисунок 7

После добавления новой формы к проекту в окне Solution Explorer появились новые записи, относящиеся к только что созданной форме.

Далее присвойте свойству Text вновь созданной формы значение О программе. После этого можно разместить на форме ряд компонентов, которые будут использоваться для отображения необходимых сведений о разработчике. Один из возможных результатов редактирования полученной формы приведён на рисунке 8.

Рисунок 8

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

1.4 Создание обработчиков событий

Далее пишутся обработчики событий Click для кнопок.

Кнопка bFileOpen отвечает за открытие файла для редактирования и отображение имени файла на панели состояния:

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

if ( openFD-> name = openFD->FileName;

toolStripStatusLabel1->Text = file_name;

rtbText->LoadFile(file_name);

ShowDialog() == System::Windows::Forms::DialogResult::OK ) {

String ^file_

}

}

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

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

if ( saveFD->ShowDialog() == System::Windows::Forms::DialogResult::OK ) {

String ^file_name = saveFD->FileName;

toolStripStatusLabel1->Text = file_name;

rtbText->SaveFile(file_name);

}

}

Кнопка bFileNew отвечает за очистку окна редактирования. Однако в случае, когда в редактируемом буфере содержится набранный текст, следует спросить пользователя, желает ли он сохранить текст. Для этой цели не имеет смысла создавать отдельную форму, содержащую всего-навсего текст вопроса и две кнопки. Более удобно воспользоваться функцией Windows API MessageBox.

Возвращаемое значение функции MessageBox _ целая именованная константа, указывающая на тип нажатой пользователем кнопки. В данном случае удобно предложить пользователю выбрать одну из кнопок "Да" или "Нет" и сохранять набранный текст в виде файла, если пользователь нажмет кнопку "Да" (что именно окажется написанным на кнопке - "Да" или "Yes" - зависит от языковой версии операционной системы).

Для сохранения набранного текста можно использовать готовую функцию bFileSave_Click. В соответствии с этим обработчик события при нажатии на кнопку bFileNew будет выглядеть следующим образом.

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

if(rtbText->TextLength > 0)

if(MessageBox::Show("Сохранить содержимое окна редактирования?",

"Запрос сохранения файла",MessageBoxButtons::YesNo,MessageBoxIcon::Question)

== System::Windows::Forms::DialogResult::Yes)

bFileSave_Click(sender,e);

rtbText->Clear();

toolStripStatusLabel1->Text = "Без имени";

}

Кнопка bExit закрывает окно приложения. В этом случае нужно также предложить пользователю сохранить набранный текст, воспользовавшись только что созданной функцией bFileNew_Click.

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

bFileNew_Click(sender, e);

Close();

}

Кнопка bFileClose отвечает за сохранение и закрытие редактируемого файла.

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

if(rtbText->TextLength > 0 && toolStripStatusLabel1->Text == "Без имени")

bFileSave_Click(sender, e);

else {

rtbText->SaveFile(toolStripStatusLabel1->Text);

rtbText->Clear();

toolStripStatusLabel1->Text = "Без имени";

}

}

Кнопки bCut и bCopy отвечают за перенос и копирование выделенного в окне редактирования фрагмента текста в буфер обмена.

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

rtbText->Cut();

}

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

rtbText->Copy();

}

Кнопка bPaste отвечает за вставку фрагмента текста из буфера обмена в указанную курсором позицию редактируемого текста.

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

rtbText->Paste();

}

Обработчик события при нажатии на кнопку bHelp будет выглядеть следующим образом:

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

About ^form_about = gcnew About();

form_about->ShowDialog();

}

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

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

В области указания подключаемых файлов кода программы основной формы необходимо добавить строку:

#include "About.h"

Можно скомпилировать приложение и проверить его работу, проверив, что происходит при нажатии на кнопки.

Теперь необходимо связать созданные ранее функции-обработчики события нажатия на кнопку с соответствующими пунктами меню. В инспекторе объектов открывается страница событий. Созданные функции bExitClick, ... bHelpClick связываются с соответствующими пунктами меню выбором названий функций из выпадающего списка.

Остался неиспользованным пункт меню "Панель инструментов". Свойству Checked этого пункта меню присваивается значение true. Создается для пункта меню "Панель инструментов" следующий обработчик события OnClick:

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

tsVidInstr->Checked = !tsVidInstr->Checked;

pToolBar->Visible = tsVidInstr->Checked;

}

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

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

текстовый редактор обработчик контекстный

Рисунок 9

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