Russian Visual Basic for Children

ОСНОВЫ ПРОГРАММИРОВАНИЯ

Класс 1

 

Старт Визуал Бейсик. Запуск Визуал Бейсик. Открытие проекта. Запуск проекта. Остановка проекта. Остановка программы. Резюме.

1. Введение в Визуал Бейсик.

Изучение Визуал Бейсик, как изучение всего чего-либо нового, требует много времени и много новых навыков. Мы пройдем этот путь медленно, описывая подробно каждый шаг, термин и операцию. По любому неясному слову, предложению, термину или понятию шлите нам письмо vball@narod.ru , и мы постараемся Вам ответить. Мы предполагаем, что Вы знаете следующее:

  1. Вы должны знать, как включить Ваш компьютер и использовать мышку.
  2. Вы должны иметь небольшой опыт работы с Вашей операционной системой (Windows 95, 98).
  3. Вы должны знать, как изменять размеры и перемещать окна на экране.
  4. Вы должны знать, как выполнить приложение на Вашем компьютере, используя меню Старт (Start).
  5. Вы должны знать, как внести информацию в Windows, которая может появляться на экране.
  6. Вы должны знать основные свойства папок и файлов и как найти их на Вашем компьютере.

Вы должны знать, какие бывают расширения файлов и как их определять. Например, в файле названном Example.ext, три символа после точки (.ext) называются расширением.

Вы, возможно, знаете все эти операции, если пользовались текстовым редактором (например, Word, WordPad или Notepad), электронной таблицей или другим программным обеспечением. Если Вы думаете, что Вы недостаточно знаете эти операции, спросите у кого-нибудь как их выполнять. Вам требуется помощник способный показать, как их делать в течение нескольких минут. Всегда, когда Вы испытываете трудности при изучении этого материала, попросите кого - либо о помощи. Мы все когда-то были новичками и обучались при помощи других, более опытных людей.

Итак, вперед. В первом Классе, мы узнаем, как запустить Визуал Бейсик на компьютере, как загрузить программу (или проект), как выполнить программу, как остановить программу и как выйти из Визуал Бейсик. Это будет хорошим введением в большинство новых операций, к которым мы придем в дальнейшем.

Старт Визуал Бейсик

Мы предполагаем, что у Вас есть определенная версия Визуал Бейсик. Если нет, Вы должны установить ее в первую очередь. Есть несколько версий. В данном пособии мы будем использовать Визуал Бейсик 4.0 (32-разрядная версия), Визуал Бейсик 5.0 и Визуал Бейсик 6.0. На уроках мы будем обозначать Визуал Бейсик сокращением VB и будем сообщать, что делать в зависимости от применяемой версии. Если Вы используете Визуал Бейсик 4.0 - ищете сокращение VB4 для информации к Вашей версии. Если Вы используете Визуал Бейсик 5.0 - ищете сокращение VB5 для информации к Вашей версии. И, если Вы используете Визуал Бейсик 6.0, ищите сокращение VB6 для информации к Вашей версии.

Запуск Визуал Бейсик

  1. Щелкните мышкой кнопку Start на полосе задач Windows.
  2. Выделите строку Programs, затем выделите Microsoft Visual Basic * (где * является номером Вашей версии Визуал Бейсик).
  3. Щелкните на Визуал Бейсик * (где * снова является Вашей версией).

Программа Visual Basic должна запуститься.

(Некоторые из заголовков, данных здесь, могут отличаться от заголовков Вашего компьютера, например Exit вместо Close в меню File, но у Вас не должно быть трудностей в нахождении и в применении правильных заголовков.) Отдельные окна появятся на экране, с размещением в зависимости от Вашей версии VB.

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

VB4:

Основное окно в режиме проектирования (Image4.gif - 6Kb), Панель инструментов (Image5.gif - 5Kb), Форма (Image6.gif - 4Kb), Окно свойств формы (Image7.gif - 5Kb), Окно проекта (Image8.gif - 3Kb).

VB5: основное окно в режиме проектирования (Image9.gif - 22Kb)

VB6: основное окно в режиме проектирования (Image10.gif - 32Kb)

При старте VB5 и VB6, появляется диалоговое окно, которое спрашивает о Новом типе Проекта. Если это происходит, просто нажмите кнопку Open.

Давайте, посмотрим, что у нас на экране. На экране Основное Окно (Main Window). Наверху Основного Окна - Полоса Заголовка (Title Bar). Название окна дает нам информацию о том, какую программу мы используем, и с какой программой Визуал Бейсик мы работаем. Ниже названия окна - Главное меню (Main Menu), из которого мы можем управлять программой Визуал Бейсик. Вы должны быть знакомы с тем, как работает меню из использования других программ, таких как текстовый редактор и, конечно, игры. Под главным меню - Панель Инструментов (Tool Bar). Здесь несколько кнопок с изображениями, которые позволяют нам управлять программой Визуал Бейсик. Эти кнопки отображают некоторые (часто используемые) команды Основного Меню. Если Вы помещаете курсор мышки поверх одной из этих кнопок, то через пару секунд появится так называемая "всплывающая подсказка" (tooltip), которая сообщит Вам, что делает кнопка. Попробуйте! Почти все приложения Windows (электронные таблицы, текстовые редакторы, игры) имеют панели инструментов, которые помогают нам выполнять различные задачи. Это основное назначение панели инструментов Визуал Бейсик, которая поможет нам выполнять большинство наших задач.

Открытие Проекта Визуал Бейсик

Что мы хотим сделать сейчас - это открыть проект (open project). Программы, создаваемые с использованием Визуал Бейсик, называются проектами (projects). Проекты включают всю информацию, которая необходима для нашей компьютерной программы. Когда мы заканчиваем создание компьютерной программы, мы сохраняем ее как проект. Давайте откроем один проект прямо сейчас.

Для этого используем инструментальную панель (Tool Bar) Визуал Бейсик. Найдите кнопку на инструментальной панели, которая походит на открытую папку. Эта кнопка называется "Открыть Проект" (Open Project):

  1. Щелкните на этой кнопке. Появится окно Проекта.
  2. Найдите папку с названием VBKids (Визуал Бейсик для Детей). Эта папка содержит заметки и проекты для настоящего курса. Откройте эту папку.
  3. Найдите папку с названием VBKProjects. Эта папка содержит все проекты для настоящего курса. В этой папке находятся три других папки: VB4PROJECTS (содержит проекты для Визуал Бейсик 4.0, 32 разрядная версия), VB5PROJECTS (содержит проекты для Визуал Бейсик 5.0) и VB6PROJECTS (содержит проекты для Визуал Бейсик 6.0). Выберите папку для Вашей версии Визуал Бейсик.

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

Теперь, в папке Проектов, найдите файл проекта, названный Образец (Sample). Откройте этот файл. На экране появилось много окон. Найдите окно, которое выглядит так:

Программа образец (sample) в режиме проектирования (Image11.gif - 14Kb).

Если это окно не появляется, когда Вы открываете Проект тогда:

для VB4: щелкните в Основном меню (Main Menu) клавишу Вид (View), затем клавишу Форма (Form).

для VB5, VB6: щелкните в Main Menu клавишу View, затем клавишу Объект (Object).

Мы называем появившееся окно проекта - Форма (Form). Все проекты или программы созданы с использованием Форм. Вы, возможно, заметили, что все приложения Windows созданы с использованием Форм какого-либо типа. Наверху формы - название окна, оно имеет иконку (маленькую картинку слева) связанную с формой и описание, что форма делает - Visual Basic for Kids - Sample (Визуал Бейсик для Детей - Образец). Также три маленьких кнопки справа, которые управляют размером формы.

Есть также много других вещей на форме, они - основа компьютерной программы в Визуал Бейсик.

Вы видите несколько квадратных кнопок с именами игрушек за ними. Вы видите изображения игрушек. Вы видите набор круглых кнопок с названиями цветов за ними. Если не видите, то протрите глаза. Есть также небольшое поле, в котором Вы можете набрать любой текст, с правой стороны этого поля расположена вертикальная полоса прокрутки (scroll bar), которая позволяет просматривать текст за пределами текстового поля. Есть большая кнопка, которая подает звуковой сигнал. Имеется небольшое поле с горизонтальной полосой прокрутки (scroll bar) для выбора номера. И имеется круг в вертикальном прямоугольнике с кнопкой Старт и небольшие часы (timer).

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

Компьютер использует то, что Вы ему сообщили через Управление, чтобы определить поставленную Вами задачу, выполнить поставленную Вами задачи и сообщить Вам результат.

Между прочим, Форма сама является Управлением. Если вы пользовались приложениями Windows, Вы видели средства управления прежде, но, возможно, Вы не знали, что они называются средства управления. Например, кнопки на панелях инструментов - это средства управления; полосы прокрутки (вертикальные и горизонтальные) для просмотра документа текстового редактора - это средства управления; пункты меню - средства управления, кнопки или клавиши, на которые Вы нажимаете при открытии и сохранении файлов - тоже средства управления.

Я думаю, что Вы поняли главное - средства управления это очень важная часть Визуал Бейсик, и Вы правы. Управления - наиболее важная часть Визуал Бейсик. Управления - это то, что разрешает Вам создавать Ваши приложения. Прямо сейчас, давайте, запустим нашу программу и получим некоторое представление о том, как работает Проект (Project) Визуал Бейсик и средства Управления (Controls). Прежде, чем мы начнем, давайте посмотрим название окна в Основном Окне Визуал Бейсик - обратите внимание на слово в квадратных скобках [design]. Это говорит нам о том, что Визуал Бейсик находится в режиме проектирования или создания программы. Этот режим используется для создания проекта Визуал Бейсик. Всегда смотрите на название окна, чтобы видеть в каком режиме Визуал Бейсик Вы находитесь. В дальнейшем, когда Вы получите больше опыта работы с Визуал Бейсик, Вы будете определять режим работы на основании вида окна на экране, которое станет привычным и узнаваемым для Вас.

Запуск Проекта Визуал Бейсик

После разработки (в нашем примере мы имеем готовый образец) Проекта (Project) в Визуал Бейсик, Вы должны выполнить программу или часть программы, которая готова, и, конечно, Вы должны проверить ее работоспособность. Это помогает развитию программы, помогает Вам (пользователю) взаимодействовать со средствами Управления (Controls) на Форме (Form) и позволяет компьютеру исполнять поставленные задачи. Мы можем запустить Проект (Project), используя инструментальную панель (tool bar). Найдите кнопку, изображение которой походит на кнопку Play на магнитофоне или плеере:

Кнопка "Старт" (Image12.gif - 2Kb).

1. Нажмите на эту кнопку, чтобы запустить проект Образец (Sample), который мы предварительно открыли.

Появится Форма (Form) проекта (project), и мы увидим что-нибудь вроде этого:

Программа образец (sample) в режиме выполнения (Image13.gif - 10Kb).

Обратите внимание, что несколько вещей изменилось. Все игрушки исчезли. Цвет фона Формы стал синим. Круглая кнопка перед словом Синий (Blue) имеет черную точку внутри. Часы исчезли. Круг понизился к нижней части вертикального прямоугольника. Что случилось? Мы выясним, как и почему все это случилось, когда мы больше изучим Визуал Бейсик. Также, обратите внимание на Основное Окно (Main Window) - Визуал Бейсик теперь в режиме работы [run].

Проект теперь работает, но что он делает? Ничего не происходит, не так ли? (Аналогичную ситуацию Вы можете наблюдать в школе на уроках: вроде бы все ученики работают, но ничего не происходит.). В этом положении [run], Визуал Бейсик ждет от Вас каких - либо действий, которые Вы можете сообщить программе через Управления (Control). Также мы можем сказать, что Проект Визуал Бейсик ждет Событие (Event), которое произойдет после воздействия на Управление (Control). Например, после того как мы поставим указатель мышки на клавишу гудок (Beep) и щелкнем мышкой, мы услышим звуковой сигнал.

Ничего не происходит в программе до тех пор, пока мы не воздействуем на Управления (Controls) и пока Событие (Event) не началось. Мы называем Визуал Бейсик языком программирования, который управляется событиями (Event - Driven programming language).

Итак, давайте вызывать событие.

Событие (Event) происходит тогда, когда Вы делаете что-нибудь на форме: нажимаете на что-нибудь мышкой, печатаете что-нибудь в тех местах, где это возможно или перемещаете объект в границах формы.

В верхнем левом углу Формы находится группа из шести маленьких квадратных кнопок (Check Box), которые мы будем называть Переключателями, расположенных вертикально внутри Рамки (Frame) с заголовком Игрушки (Toys). Каждая квадратная кнопка - Переключатель имеет название игрушки, расположенное справа от него. Например:

Ball

Поставьте указатель мышки на одну из этих кнопок и щелкните. Обратите внимание, что случилось. Появился флажок в выбранном Вами Переключателе (Check Box) и, в соответствии с названием, появилось изображение игрушки. В данном случае - Мяч. Когда мы нажимаем на Переключатель (Check Box), который является одним из средств Управления (Control), мы вызываем событие (Event), которое называется Событием Щелчка (Click Event).

Компьютер узнает средство Управления (Control), которое Вы применили и делает то, для чего оно предназначено, то есть, производит определенное событие (Event). В нашем случае Переключатель (Check Box) и Щелчок (Click), сообщают компьютеру, чтобы он показал выбранную игрушку. Нажмите на кнопку снова. Флажок и игрушка исчезнут. Вы вызвали другое событие (Event) и сообщили, чтобы компьютер заставил игрушку исчезнуть. Обратите внимание на то, что противоположное событие (исчезновение флажка и мяча) произошло при использовании нами того же Управления - Переключатель (Check Box) и Щелчка (Click). Как мы уже говорили, это средство Управления мы будем называть - Переключатель (Check Box).

Вы можете проверить все Переключатели, выбирая те игрушки, которые Вам нравятся. Переключатели (Check Box) используются тогда, когда Вы хотите выбрать предметы из списка.

Два других средства Управления также используются в этом примере. Прямоугольная область, в которой содержаться кнопки и названия цветов называется Рамка (Frame). Область, в которой появляется каждая игрушка, называется Изображением (Image). Теперь, давайте рассмотрим, как происходят события (Events), которые вызываются другими средствами Управления (Controls) на форме (Form).

Близко к середине экрана находится группа из четырех круглых кнопок в другой Рамке (Frame) с заголовком Цвет (Color). Каждая кнопка, справа от неё, имеет название цвета. Кнопка Синий (Blue) имеет черную точку в центре, указывая, что в настоящее время это выбранный цвет (обратите внимание, что фон формы синий). Нажмите на любую другую из этих кнопок. Что произошло? Фон Формы изменил цвет в соответствии с Вашей командой. Это событие (Event) сообщает компьютеру, чтобы он изменил цвет фона Формы. Обратите внимание, что, когда Вы выбираете новый цвет, черная точка появляется в выбранной кнопке и исчезает в предварительно выбранной кнопке. В отличие от тех кнопок, которые мы использовали ранее, когда выбирали игрушки, здесь Вы можете выбрать только одну из этих кнопок. Смысл в том, что фон Формы может быть только одного цвета! Эти круглые кнопки называются Кнопками Выбора (Option Buttons). Кнопки Выбора (Option Buttons) используются тогда, когда Вы должны выбрать только одну позицию из списка нескольких позиций.

Под Рамкой (Frame) с названиями игрушек, находится другая Рамка с заголовком Выбор Номера (Pick a Number). В этой рамке мы видим номер, отображаемый в средстве Управления (Control), которое называется Метка (Label). Под Меткой (Label) - другое средство Управления (Control), которое называется Полосой Прокрутки (Scroll Bar). Вы, возможно, видели Полосы Прокрутки (Scroll Bar) в других приложениях, которые Вы использовали раньше. В данном примере Полоса Прокрутки используется, чтобы изменить значение номера. Нажмите на стрелку справа от Полосы Прокрутки (Scroll Bar). Значение номера изменится на 1. Непрерывное нажатие на этой стрелке продолжит увеличение значения номера. Нажмите на белую область слева от стрелки, например, посередине. Значение увеличится на 10. Нажмите на небольшую полоску (бегунок), расположенную между стрелками полосы прокрутки, и, удерживая кнопку мышки нажатой, переместите бегунок вправо, а затем влево. Обратите внимание, как изменяется значение номера. В этом примере, компьютер отвечает на Событие (Event) Изменения (Change) Полосы Прокрутки (Scroll Bar), которое происходит за каждый шаг бегунка Полосы Прокрутки. Событие Изменения (Change Even) сообщает компьютеру, что положение бегунка изменилось и разрешает изменить значение номера в средстве Управления Метка (Label).

Под Рамкой (Frame) с названием Выбор Номера (Pick a Number) находится Рамка без названия с Полосой Прокрутки (Scroll Bar) с правой стороны. Полоса Прокрутки выглядит бледно и не работает, но как только Вы наберете какой-либо текст, выходящий за пределы Рамки, цвет Полосы Прокрутки станет контрастным, и между стрелками появится бегунок. Это средство Управление (Control) называется Текстовым Блоком (Text Box). Вы можете установить курсор на белом полем и затем напечатать любой текст, который Вы хотите. Попробуйте! Текстовой блок (Text Box) - похож на небольшой самостоятельный текстовый редактор. Каждый раз, когда Вы печатаете что-нибудь в Текстовом Блоке (Text Box), происходят отдельные события. Эти События (Event) называются Нажатие Клавиши (KeyPress) и происходят каждый раз, когда Вы нажимаете клавишу на клавиатуре и вызываете Событие Изменения (Change Event), которое, в свою очередь, каждый раз вызывает изменение текста в Текстовом Блоке, то есть появление новых букв или символов.

За текстовым блоком - кнопка с названием Гудок (Beep), которая служит для вызова звукового сигнала. Нажмите кнопку, и Вы услышите звуковой сигнал в колонках Вашего компьютера. Это средство Управления (Control) называется Командной Кнопкой (Command Button) и является одним из наиболее широко используемых средств Управления (Control) в Визуал Бейсик. Событие Щелчка (Click Event) указало компьютеру, чтобы он сделал звуковой сигнал.

Последняя вещь на нашей Форме (Form) - высокий, желтый, прямоугольник - это средство Управления (Control) называется Блоком Картинки (Picture Box), внутри которого находится небольшой круг, который называется средство Управления (Control) Фигура (Shape).

Под Блоком Картинки (Picture Box) находится Командная Кнопка (Command Button) с названием Старт (Start). Нажмите на эту кнопку, то есть вызовите Событие Щелчка (Click Event). Круг начнет подниматься. Он продолжит движение вверх, пока не коснется верхней части Блока Картинки (Picture Box), затем начнет двигаться вниз. Круг будет продолжать движение вверх-вниз до тех пор, пока Вы не нажмете кнопку Стоп (Stop). Помните небольшие Часы (Timer), которые были в нашем Проекте (Project) на Форме (Form) в режиме создания [design], но исчезли, когда мы переключили Проект в режим исполнения [run]. Эти Часы называются средством Управления Часы (Control Timer). Это средство Управления Часы (Control Timer) используется для движения Круга вверх-вниз в заданный интервал времени.

Событие Щелчка (Click Event) на Командной Кнопке (Command Button) с названием Старт (Start) вызывает Событие (Event) изменения названия Командной Кнопки на Стоп (Stop), а также Событие (Event) движения вверх-вниз для Круга (в заданный интервал времени).

Управление Часы (Control Timer) создает события совершенно самостоятельно в предварительно установленных временных интервалах. В этом примере, Событие Часы (Events Timer) создается каждую 1/10 секунды и, в таком случае, позиция шарика изменяется так, что дает вид движения. Другими словами, в течение 1 секунды положение Круга меняется 10 раз, и перед нами появляется картинка непрерывного движения.

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

В этом Классе Вы узнали о том, что можно делать с Визуал Бейсик, какие События (Event) могут происходить и как их вызывать. Это немного, но это - важная часть нашего курса, которая указывает на то, что Вы можете делать при создании Ваших собственных Проектов (Projects), используя язык программирования Визуал Бейсик. Проект (Project) состоит из средств Управления (Controls), которые позволяют Вам передавать команды компьютеру. Вызывая События (Events) с помощью средств Управления (Controls), компьютер создает любые действия, характер которых зависит только от Вашей фантазии.

В дальнейшем мы изучим, как использовать Управления (Controls) и События (Events), чтобы определить вид Вашей программы, это будет в старших классах. Когда Вы закончите обучение, Вы будете создавать программы, которые смогут делать гораздо больше, чем программа Образец (Sample), рассмотренная нами в этом Классе.

Теперь давайте посмотрим, как остановить Проект.

Остановка Проекта Визуал Бейсик

Есть несколько способов остановить Проект (Project) Визуал Бейсик. Мы используем Панель Инструментов (Tool Bar). Найдите кнопку, которая похожа на кнопку остановки у магнитофона или на плеере. Нажмите на эту кнопку. Проект остановится, и Визуал Бейсик возвратится к режиму создания [design].

Другой способ остановить Проект (Project) состоит в том, чтобы использовать кнопку Закрыть (Close), которая расположена в правом верхнем углу Формы (Form) и выглядит как Х.

Остановка программы Визуал Бейсик

Когда Вы закончили работу с Проектом Визуал Бейсик, Вам нужно закрыть программу Визуал Бейсик. Процедура остановки программы Визуал Бейсик - одинаковая для всех версий Визуал Бейсик. Фактически, эта процедура, используется всеми приложениями Windows:

В Основном Меню (Main Menu) выберите Файл (File).

В конце меню Файл (File) выберите Выход (Exit).

Визуал Бейсик закроет все открытые окна, и Вы вернетесь к рабочему столу Windows. При выходе из Визуал Бейсик, компьютер Вас может спросить, хотите ли Вы сохранить некоторые файлы. Отвечайте - Нет (NO). Подобно с остановкой Проекта (Project), другой способ выйти из Программы Визуал Бейсик состоит в том, чтобы нажать на кнопку (Х) в правом верхнем углу Основного Окна (Main Window).

Резюме

Ну что? Устали? Вы прошли много нового материала, и если Вы еще здесь и читаете эти строки, это - ХОРОШО. Как мы говорили ранее, Вы изучили много новых слов и новых понятий. Не волнуйтесь, если ли Вы не запомнили всё, что мы здесь говорили. Голова - не мусорный ящик. Не складывайте в неё, что попало. Вы увидите этот материал еще много раз, снова и снова. Важно, что Вы получили некоторое понятие (концепцию) о том, что входит в Визуал Бейсик Проект и как это работает. И Вы знаете, как начать и как остановить Визуал Бейсик.

В ходе изучения, мы видели, что Проект Визуал Бейсик построен на Форме. Управления помещены в Форму, которая позволяет Вам и компьютеру взаимодействовать. Вы создаете События со средствами Управления, которые заставляют компьютер работать именно так, как Вы хотите. В следующем Классе, Вы начнете приобретать навыки, которые позволят создавать Ваши собственные Проекты в Визуал Бейсик. Вы увидите, как взаимодействуют между собой отдельные части Проекта. При использовании проекта Образец, Вы узнаете, как разместить основные части Проекта. Затем, в Классе 3, если конечно, дойдете, Вы будете создавать Ваш собственный первый проект!

До встречи в следующем Классе!

Наверх

Назад * Вперед

Hosted by uCoz