Задумывались ли вы когда-нибудь о создании собственного браузера? На самом деле попробовать себя в разработке программного обеспечения довольно легко, и для этого даже не потребуется больших знаний в программировании. Сегодня мы попробуем сделать первый шаг на пути к становлению гуру разработки. Возможно вас заинтересует этот процесс, и вы захотите углубиться сильнее.
Установка и обновления
Для начала вам необходимо скачать и установить Visual Studio Community Edition от Microsoft, который к слову абсолютно бесплатен. Эта среда разработки может показаться вам довольно громоздкой, но она содержит множество готовых шаблонов, в том числе и веб браузер, который нам так необходим.
После предварительной установки перед вами откроется окно с возможностью выбора рабочих нагрузок. Здесь нас интересует Разработка классических приложений .NET. Отмечаем ее и жмем кнопку Установить. Теперь осталось лишь подождать пока закончиться процесс скачивания и установки.
Создаем собственный веб браузер
После развертывания всех необходимых компонентов, Visual Studio запустится автоматически. Первым делом вам предложат подключиться к различным службам для разработчиков, но в нашем случае такой необходимости нет. Выбираем пункт Не сейчас! Возможно, позже, выбираем понравившуюся тему оформления и наконец запускаем Visual Studio.
В окне приветствия нажимаем кнопку Создать новый проект. Для того чтобы не заниматься долгим поиском нужного шаблона установим фильтры – C(решетка), Windows, Рабочий стол. Теперь в списке выбираем проект Приложение Windows Forms (.NET Framework) и нажимаем кнопку Далее. На следующем этапе задаем имя нашего браузера, например, MyBrowser и завершаем, нажав кнопку Создать.
После того как Visual Studio будет запущен вы увидите рабочую область, которая разделена на две части. В левой части отображается пустая форма нашего проекта, а в правой части находится панель свойств, где мы сможем изменять размер и отступы элементов. Сейчас в левой части необходимо открыть меню Панель элементов, в разделе Стандартные элементы управления выбираем WebBrowser и щелкаем на пустое окно в нашей форме.
Создание элементов меню
Для создания элементов управления нам нужно снова воспользоваться Панелью элементов. Найдите там элемент Button и перетащите в верхнюю часть окна. Всего нам понадобиться 5 кнопок. Их цвет и форму можно будет изменить позже, в разделе свойства. Также нам нужна строка адреса – перетащите их из панели элементов TextBox в нашу форму.
Расставьте кнопки и текстовое поле так, как вам будет удобно. Visual Studio позволяет с лёгкостью сделать это симметрично и на одинаковом расстоянии. Сейчас нам необходимо немного изменить размеры содержимого, чтобы элементы управления не перекрывали веб страницу.
Для этого щелкните левой клавишей мыши на пустом поле нашей формы, а затем нажмите на небольшой треугольник в правом верхнем углу и выберете пункт Открепить в родительском контейнере. Теперь просто потяните за верхний белый квадрат вниз так, чтобы содержимое нашего браузера находилось под элементами управления.
Следующим шагом нам необходимо переименовать наши кнопки. Для этого щелкните на любую из них и в окне свойств укажите желаемое имя. Мы использовали привычные Назад, Вперед, Домой, Обновить и Перейти. Там же вы можете задать изображения и настроить другие параметры.
Давайте зададим функции нашим элементам. Дважды щелкните по кнопке Назад и в появившемся окне, в строке, с мигающим курсором вставьте следующее выражение:
webBrowser1.GoBack();
Стоит разобраться, что мы только что написали. Первым делом мы обращаемся к нашему веб браузеру – как только мы перетащили элемент WebBrowser из панели в форму, мы создали элемент с именем webBrowser1. В программе может использоваться множество различных элементов и каждому из них задается имя по умолчанию и порядковый номер.
После точки мы указали что необходимо сделать нашему браузеру – GoBack означает, что он должен вернуться на предыдущую страницу. В скобках указываются параметры для функции, но в данном случае они нам не нужны. Задайте таким же образом функции для кнопок Вперед и Обновить. Попробуйте не просто копировать выражения, а писать их вручную. Visual Studio будет автоматически предлагать вам варианты. Соблюдайте заглавные и строчные буквы.
webBrowser1.GoForward();
webBrowser1.Refresh();
Теперь давайте разберемся со строкой поиска. Для нее значение будет следующим:
webBrowser1.Navigate(textBox1.Text);
Начало здесь ровно такое же, как и раньше – мы просто обращаемся к нашему браузеру. Затем идет функция перейти (Navigate) на определенный адрес, у которой в скобках указаны параметры. В качестве параметров у нас опять же элемент тестовая строка с номером 1 (textBox1) и текст из нее (Text) от которого мы передаем функции Navigate. Эту же функцию следует задать нашей пятой кнопке. Так мы пусть и повторим действие, зато будем уверены, если что-то пойдет не так, то сможем повторить процесс.
Запускаем наш браузер
Настало время запустить наш браузер. Для этого достаточно нажать кнопку Пуск в меню сверху. Спустя некоторое время вы увидите наш скромный веб обозреватель и сможете открыть в нем любую веб страницу. Если у вас что-то не получилось, то в первую очередь проверьте знак ; в конце строки. Сохраните свой браузер нажав иконку в виде дискеты, в левом верхнем углу и при следующем запуске окружения разработки у вас уже будут все инструменты под рукой.
Заключение
Сегодня мы рассмотрели один из самых простых вариантов применения Microsoft Visual Studio. Если, вам понравилось исследовать разработку программного обеспечения, то попробуйте изучить пособие Microsoft.
Создаете вы свой проект или только готовитесь к этому – просто поделитесь с нами в комментариях. Возможно именно наш скромный браузер вдохновит вас на нечто большее.
Не забудьте подписаться и поставить лайк. Впереди будет еще много крутых статей.
