Файл: Разработать справочную систему по стандартным функциям выбранного языка программирования.pdf

После того, как был создан проект приложения, можно приступить к разработке. Создадим элементарное приложение, которе при добавлении кнопки выводит надпить «Привет мир!».

Для этого с панели инструментов на макет формы переносим элемент Button. Выделяем перетащенный элемент и в правой колонке (Свойста) в поле Text укажем, как будет называться наша кнопка. В поле BackColor выберем цвет, которым будет залит фон кнопки

Рисунок 8. Выбор свойства кнопки

После указания свойств кнопки её вид измениться следующим образом:

Рисунок 9. Новый вид кнопки

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

private void button1_Click(object sender, EventArgs e)

{

}

Изменим его таким образом, чтобы по нажатию на кнопку отображалось сообщение «Привет мир!». Для этого напишем внутри процедуру следующий код:

MessageBox.Show("Привет мир!");

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

using System;

using System.Windows.Forms;

namespace Example_1

{

public partial class Form1 : Form

{

public Form1()

{

InitializeComponent();

}

private void button1_Click(object sender, EventArgs e)

{

MessageBox.Show("Привет мир!");

}

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

Рисунок 10. Результат выполнения программы

Глава 2. Практическая часть

Подготовка материала

На первом этапе разработки справочника были проанализированы возможные способы его разработки, а также средства, которые для этого необходимы. Для большей гибкости и удобства работы был выбран язык HTML. Цвета справочника и содержания разделов перекликаются с тем, что содержит справочник MSDN – главное и наиболее полное хранилище знаний о языке C#. Для упрощения вёрстки HTML, был выбран текстовый редактор Microsoft Office Word 2013, обладающий возможностью сохранять документы в формате HTML.

На первом этапе был подготовлен макет страницы. Выбраны цвета и шрифтовые схемы:

Рисунок 11. Разработка базового шаблона для материала

Далее наступил процесс разработки и компоновки материала. Главной целью данного справочника было максимально просто и быстро объяснить о том, что такое язык C#.

Результатом подготовки материла стали 48 HTML-файлов, каждый из которых максимально простым и доступным языком раскрывал содержания определённой темы:

Рисунок 12. Материалы для справочной системы

Разработка приложения-справочника

Само приложение было разработано на языке C#. Для разработки приложения использовалась версия Visual Studio 2010.

На первом шаге был создан новый проект типа Windows Forms Application

Рисунок 13. Создание нового проекта

После создания нового проекта на форму был добавлен компонент SplitContainer:

Рисунок 14. Компонент SplitContainer

В окне «Свойства» для него были заданы следующие значения:

Dock = Fill

FixedPanel = 1

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

После этого выделяем форму. Для свойства Text установим значение «Справочная система по языку C#». После этого заголовок формы должен будет изменить своё название.

На следующем этапе на форму были добавлены ещё два контейнера: WebBrowser и TreeView

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

Первый элемент располагается в правой части родительского контейнера, а второй – в левой. В окне свойств для обоих объектов необходимо установить режим заполнения = Fill

Рисунок 15. Окно свойств элемента WebBrowser

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

Рисунок 16. Внешний вид разрабатываемой формы

Теперь необходимо настроить иерархию для справочника. Выбираем элемент TreeView и в окне свойств нажимаем на пункт «Изменить узлы»

Рисунок 17. Гиперссылка для изменения узлов

Добавляем новые элементы кнопками «Добавить корень» и «Добавить ветвь». Путём перемещения узлов создадим такую структуру, которая бы максимально структурированно и подробно описывала бы все разделы справочника.

Изменение разделов стравочника организуем через вкладку «Свойства», отображаемую справа от иерархии. Здесь необходимо лишь изменить значение Text, на требуемое.

Рисунок 18. Редактор узлов дерева

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

Рисунок 19. Свойства элемента, после указания поля Tag

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

Описание взаимодействия

В языке C# предусмотрены определённые поля, которые активируются в том случае, когда пользователь совершает с компонентом какие-либо действия. Такие поля называются событием. Для элемента TreeView одно из них – это действие на выбор раздела справочника. Чтобы перейти к его коду необходимо дважды щёлкнуть ко нему:

Рисунок 20. Была создана подписка на событие.

В программном коде подписки укажем следующие действия:

private void treeView1_AfterSelect(object sender, TreeViewEventArgs e)

{

// Получаем тот пункт справочника, который выбрал пользователь:

var m = treeView1.SelectedNode;

// Определяем, требуется ли для него переход на другую страницу:

if (m.Tag != null) {

// Если требуется, то выполняем переход по относительной ссылке:

// Путь состоит из папки, в которой лежит приложение - Application.StartupPath,

// Каталога book и имени самого файла, которое мы получили из значения поля Tag

webBrowser1.Url = new Uri(Application.StartupPath + @"\book\" + m.Tag.ToString());

}

Убедимся в том, что программа корректно работает. Запустим её клавишей F5:

Рисунок 21. Результат работы программы

Закдючение

Разработка иконки приложения

Для улучшения визуальных характеристик приложения была разработана иконка. Для разработки был использован графический редактор GIMP.

Рисунок 22. Иконка приложения «Справочник по языку C#»

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

Рисунок 23. Обозреватель решений

После открытия вкладки Properties необходимо найти поле Значок:

Рисунок 24. Вкладка Properties

И выбрать разработанную иконку приложения.

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

Перейдите к редактору формы (вкладка Form1.cs [Конструктор]), щёлкните по заголовку формы и в окне «Свойства» около поля Icon перейдите к выбору значка. Укажите тот же самый файл. В результате значок формы изменится:

Рисунок 25. Значок формы изменился

Запускаем приложение (F5) и убеждаемся, что оно работает:

Рисунок 26. Результат работы программы

Список литературы

Справочник MSDN [Электронный ресурс]: https://msdn.com, (дата обращения: 20.08.2018)
2. Албахари, Джозеф C# 3.0. Справочник / Джозеф Албахари , Бен Албахари. - М.: БХВ-Петербург, 2012. - 944 c.
3. Албахари, Джозеф C# 3.0. Справочник / Джозеф Албахари , Бен Албахари. - М.: БХВ-Петербург, 2013. - 944 c.
4. Альфред, В. Ахо Компиляторы. Принципы, технологии и инструментарий / Альфред В. Ахо и др. - М.: Вильямс, 2015. - 266 c.
5. Бишоп, Дж. C# в кратком изложении / Дж. Бишоп, Н. Хорспул. - М.: Бином. Лаборатория знаний, 2013. - 472 c.
6. Вагнер, Билл С# Эффективное программирование / Билл Вагнер. - М.: ЛОРИ, 2013. - 320 c.
7. Зиборов, В.В. Visual C# 2012 на примерах / В.В. Зиборов. - М.: БХВ-Петербург, 2013. - 480 c.
8. Зиборов, Виктор Visual C# 2010 на примерах / Виктор Зиборов. - М.: "БХВ-Петербург", 2011. - 432 c.
9. Ишкова, Э. А. Самоучитель С#. Начала программирования / Э.А. Ишкова. - М.: Наука и техника, 2013. - 496 c.
10. Касаткин, А. И. Профессиональное программирование на языке си. Управление ресурсами / А.И. Касаткин. - М.: Высшая школа, 2012. - 432 c.
11. Лотка, Рокфорд C# и CSLA .NET Framework. Разработка бизнес-объектов / Рокфорд Лотка. - М.: Вильямс, 2010. - 816 c.
12. Мак-Дональд, Мэтью Silverlight 5 с примерами на C# для профессионалов / Мэтью Мак-Дональд. - М.: Вильямс, 2013. - 848 c.
13. Марченко, А. Л. Основы программирования на С# 2.0 / А.Л. Марченко. - М.: Интернет-университет информационных технологий, Бином. Лаборатория знаний, 2011. - 552 c.