Информатика Введение в программирование на Visual Basic. Лекция 2. Стандартные элементы интерфейса. - презентация

1 Информатика Введение в программирование на Visual Basic. Лекция 2. Стандартные элементы интерфейса

2 Элементы интерфейса – это базовые объекты, из которых строятся приложения в VB. С их помощью решается большинство задач взаимодействия пользователя с программой путем установления требуемых значений свойств объектов и обращения к их методам VB позволяет обращаться к элементам интерфейса не только во время проектирования приложения, но и во время выполнения программы как к обычным переменным. При обращении программе к свойству или методу объекта сначала записывается его имя, а затем через точку имя этого свойства или метода. Например: cmdCommand1.Caption = Ok присвоение свойству Caption элемента интерфейса cmdCommand1 значения Ok. frmForm1.Show обращение к методу Show (отображение формы на экране) объекта (формы) frmForm1.

3 Группы стандартных элементов Поля ввода-вывода информации Элементы управления процессом выполнения программы Элементы оформления Списки Полосы прокрутки Элементы интерфейса, связанные с файловой системой компьютера Прочие элементы

4 Свойства, общие для большинства объектов КатегорияСвойствоНазвание Appearance (внешний вид) Appearance BackColor BorderStyle Caption ForeColor Определяет стиль объекта на экране (трехмерный или плоский) Определяет цвет фона объекта Определяет особенности границы Задает надпись на объекте Определяет цвет выводимого на объекте изображения Behavior (поведение) Enabled Visible Определяет возможность реагирования объекта на действия пользователя (доступен или недоступен) Определяет видимость объекта во время исполнения программы (отображается или не отображается) Font (шрифт) FontУстанавливает параметры шрифта (вид, размер и др.) Pisition (позиция) Left Top Width Height Устанавливает положение левой границы объекта Устанавливает положение правой границы объекта Устанавливает ширину объекта Устанавливает высоту объекта

5 Методы, общие для большинства объектов НазваниеНазначение метода DragПоддержка операции перетаскивания объектов в пределах контейнеров (контейнер – объект, содержащий в себе другие объекты, например, форма ) MoveИзменение положения объектов SetFocusАктивизация объекта (получение объектом фокуса) Фокус-понятие операционной системы, с помощью которого указывается, какой элемент активен. Если элемент получает фокус, то это соответствующим образом отображается на экране (например, в текстовом поле мигает курсор)

6 События, общие для большинства объектов СобытиеИсточник возникновения события ChangeИзменение значения текстового поля или выбор элемента в поле со списком ClickЩелчок мышью по объекту DbClickДвойной щелчок мышью по объекту DragDropПеремещение объекта на другое место DragOverПеремещение объекта поверх на другого объекта GotFocusПолучение объектом фокуса KeyDownНажатие клавиши, когда объект находится в фокусе KeyPressНажатие и отпускание клавиши, когда объект находится в фокусе KeyUpОтпускание клавиши, когда объект находится в фокусе LostFocusПотеря объектом фокуса MouseDownНажатие основной кнопки мыши, когда указатель помещен на объект MouseMoveПеремещение указателя за пределы объекта MouseUpОтпускание основной кнопки мыши, когда указатель помещен на объект

7 Формы. Основные свойства BorderStyleопределяет особенности границы окна и возможности управления им. Может иметь шесть значений, в зависимости от которых окно может иметь способность изменять или не изменять размеры, быть перемещенным или не перемещенным по экрану и т.д. Iconзадает значок пиктограммы. WindowStateзадает состояние окна при его запуске. Может иметь три значения: –Normalокно открывается в нормальном состоянии; –Minimizedокно открывается в свернутом состоянии; –Maximizedокно открывается развернутым на весь экран.

8 Формы Основные методы: Showотображает форму на экране (делает ее видимой) Hideудаляет форму с экрана (делает ее невидимой) Unloadвыгружает форму из памяти (удаляет ее как объект) Основные события: Loadпроисходит при загрузке формы в память. Используется для инициализации объектов и переменных, принадлежащих форме Unloadпроисходит при выгрузке формы из памяти GotFocusпроисходит при получении формой фокуса (когда форма загружается или пользователь обращается к ней)

9 Обработка событий, связанных с формами Синтаксис процедуры обработки события формы отличается от синтаксиса процедур обработки событий других элементов интерфейса Имя процедуры обработки события формы всегда содержит слово Form. При этом не важно, как фактически называется форма Например, процедура обработки события, которое заключается в загрузке формы в оперативную память, имеет вид Private Sub Form_Load() ……………………………….. End Sub

10 Текстовой поле (TextBox). Свойства Locked - устанавливает возможность редактирования текста в поле. MaxLength- ограничивает количество символов, вводимых в поле. Multiline- определяет возможность ввода в поле многострочного текста. PasswordChar- задает символ, который отображается в поле вместо введенного символа. ScrollBars- определяет наличие полос прокрутки в текстовом поле. Text- задает содержимое поля. SelStart- задает начальный символ выделенного текста SelLength- задает конечный символ выделенного текста SelTex - возвращает содержимое выделенного фрагмента текста

11 Текстовое поле (TextBox) Методы: SetFocus- активизирует (устанавливает фокус) поле (или устанавливает на нем курсор) События: Change- изменение значения текстового поля. Происходит каждый раз, когда вводится, удаляется или изменяется символ в поле. GotFocus- получение полем фокуса

12 Пример Текстовой поле - TextBox

13 Надпись (Label) Предназначена для отображения (вывода) информации. Обычно используется в качестве надписей для пояснения других элементов интерфейса Свойства: Caption- важнейшее свойство, определяет текст надписи. AutoSize- устанавливает возможность автоматической регулировки размера надписи по горизонтали. Font- задает шрифт надписи. TabIndex- определяет порядок перебора элементов интерфейса при нажатии клавиши Tab. WordWrap- устанавливает возможность автоматической регулировки размера надписи по горизонтали. Работает только тогда, когда свойство AutoSize имеет значение True События и методы надписей обычно не используются

14 Кнопки (CommandButton). Свойства Default - задает реакцию кнопки на нажатие клавиши Enter. Если это свойство кнопки имеет значение True, то нажатием клавиши Enter генерируется событие Click данной кнопки, независимо от того какой элемент интерфейса имеет фокус (обычно это кнопки Ok). Если на форме находится несколько кнопок, то только у одной из них свойство Default может иметь значение True. Cansel - задает реакцию кнопки на нажатие клавиши Esc. Если это свойство кнопки имеет значение True, то нажатием клавиши Esc генерируется событие Click данной кнопки, независимо от того какой элемент интерфейса имеет фокус (обычно это кнопки Cansel). Если на форме находится несколько кнопок, то только у одной из них свойство Cansel может иметь значение True. Enabled - определяет возможность обращения пользователя к кнопке. Если это свойство имеет значение False, то кнопка недоступна. TabIndex - определяет порядок перебора элементов интерфейса при нажатии клавиши Tab. Visible - определяет видимость кнопки. Если это свойство имеет значение False, то кнопка на форме не отображается (невидима)

15 Кнопки (CommandButton) Методы SetFocus- активизирует кнопку. События Click- щелчок мышью по кнопке. GotFocus- получение кнопкой фокуса. MouseDown- нажатие основной кнопки мыши, когда указатель помещен на объект (кнопку). MouseUp- отпускание основной кнопки мыши, когда указатель помещен на объект (кнопку). MouseMove- перемещение указателя мыши за пределы кнопки

16 Пример Кнопка - CommandButton

17 Переключатель (OptionBox) Позволяет выбрать один (и только один) вариант из нескольких взаимоисключающих вариантов. Свойства переключателей: Value- задает состояние переключателя. Методы переключателей практически не используются. Из событий в основном используется только событие Click

18 Пример Переключатель - OptionBox

19 Флажки (CheckBox) Флажки позволяют производить выбор нескольких вариантов из множества предложенных. Свойство Value флажка может иметь три значения: 1- флажок установлен; 0- флажок снят; 2- флажок находится в неопределенном состоянии. Это состояние используется для того, чтобы сообщить пользователю о том, что в программе есть еще одна группа флажков, причем некоторые из них (но не все) уже установлены. Методы флажков практически не используются Из событий в основном используется только событие Click

20 Пример Флажок - CheckBox

21 Рамка (Frame) Рамка служат для объединения в группу нескольких других элементов. Объекты, объединенные с помощью рамки, можно как единое целое перемещать, активизировать, делать видимыми или невидимыми Для того, чтобы какой-либо элемент располагался внутри рамки, нужно сначала на форме разместить саму рамку, и только потом поместить в ней этот элемент. Чаще всего рамки используются для группировки переключателей. Когда в группе устанавливается один переключатель, то все остальные переключатели группы автоматически снимаются. Если же переключатели разместить на форме без рамок, то они будут действовать как одна большая группа Рамка – элемент интерфейса, который особых, присущих ему свойств не имеет. События и методы рамок обычно не используются

22 Пример Рамка - Frame

23 Графические средства VB Они применяются для следующих целей: Для выделения отдельных элементов интерфейса Для обеспечения отображения графической информации (рисунков, схем, графиков, диаграмм) Графические изображения в VB создаются двумя способами : –с помощью элементов интерфейса или –с использованием графических методов Графические элементы интерфейса работают подобно другим элементам. Их можно подключать во время разработки программы, задавая требуемые значения Графические методы – это функции, которые встроены в язык VB и вызываются во время выполнения программы

24 Линия (Line) и фигура (Shape) Элементы Line и Shape представляют собой средства добавления в форму простейших графических примитивов: линий и фигур Во время разработки программы они помещаются в нужном месте формы. Во время выполнения программы эти элементы могут скрываться или перемещаться

25 Свойства Свойство BackStyle задает способ отображения примитива. Может иметь два значения: –0 (Transparent)фон отображаемого примитива прозрачный (отображается только контур примитива); –1 (Opaque)фон отображаемого примитива непрозрачный. В этом случае с помощью свойства BackColor можно устанавливать цвет фона. Свойство Shape элемента Shape может иметь шесть значений, определяющих вид фигуры: –0 (Rectangle)- прямоугольник; –1 (Square)- квадрат; –2 (Oval)- овал; –3 (Circle)- круг; –4 (Rounded Rectangle)- прямоугольник со скругленными углами; –5 (Square Rectangle)- квадрат со скругленными углами События линий и фигур, как правило, не обрабатываются. Методы не используются

26 Пример Графический объект – Shape

27 Графическое поле (PictureBox) и рисунок (Image) Элементы используются для отображения на формах изображений, подготовленных в графических редакторах. С их помощью могут быть отображены изображения, хранящиеся в файлах следующих типов: –Bmp –файлы растровой графики; –Ico – пиктограммы; –Wmf – метафайлы (файлы векторной графики); –Jpg, jpeg – графические файлы.

28 Элементы PictureBox и Image во многом подобны, но работа с ними производится по-разному. Рисунки (Image) занимают больше памяти и быстрее отображаются. Графические поля (PictureBox) обеспечивают более высокое качество изображения. Кроме того, во время выполнения программы в них можно выводить текст и рисовать различные примитивы (линии, окружности и т.п.). с помощью методов графического поля. В графическом поле можно можно располагать другие элементы, т.е. он также как рамка является контейнером. Фактически элемент Image – это очень упрощенный вариант элемента PictureBox. Поэтому, несмотря на то, что у них много общих параметров их количество и состав для этих элементов различны

29 Свойства: Picture - указывает на файл, содержимое которого будет выводиться. Stretch - определяет возможность масштабирования графического изображения (только для элемента Image). AutoSize - определяет возможность автоматического изменения размеров графического поля под размеры выводимого графического изображения (только для элемента PictureBox). Методы графических полей предназначены для вывода примитивов и текста в режиме выполнения программы, к ним относят: Line - рисует линию или прямоугольник. Circle - рисует окружность, эллипс или их дуги. Print - выводит текст. При вызове метода указывается текстовая строка, подлежащая выводу. Например:Print Текстовая строка

30 Список (ListBox) Элемент список используется для работы с перечнем записей. Пользователь может просмотреть перечень, выбрать одну или несколько строк для последующей обработки. Непосредственное редактирование записей невозможно

31 Свойства Строки списков хранятся в виде массива. Свойство List задает содержимое строк, входящих в этот массив, т.е. в список. ListCount- определяет количество строк в списке (свойство доступно только во время выполнения программы). ListIndex- определяет номер выделенной строки (доступно только во время выполнения программы). Text - определяет содержимое выделенной строки (доступно только во время выполнения программы). Sorted - задает сортировку списка по алфавиту. MultiSelect - задает возможность выбора нескольких строк

32 Методы При размещении элемента список на форму он пуст, т.е. не имеет элементов Элементы списка добавляются с помощью метода AddItem. Оператор обращения к этому методу в программе имеет вид: ListBox.AddItem [, ] С помощью параметра Индекс указывается место в список новой строки. Индексация строк начинается с нуля. Данный метод должен вызываться при создании каждой строки. Как правило, заполнение списка производится при загрузке формы, т.е. операторы обращения к этому методу записываются в процедуре обработки события Load формы (Sub Form_Load). Метод RemoveItem - удаляет строку из списка. Оператор обращения к методу имеет вид: ListBox. RemovItem Метод Clear - очищает список (удаляет все строки из списка).

33 События Click - щелчок мышью по кнопке. DblClick - двойной щелчок мышью по кнопке

34 Комбинированное поле (ComboBox) Используется для работы с перечнем записей. В отличие от элемента ListBox элемент ComboBox позволяет не только выбирать строку списка, но и вводить ее непосредственно в поле ввода, после чего она автоматически помещается в список. Имеется три разновидности этого элемента, которые определяются значением свойства Style. –0 (DropDown Combo)- текстовое поле для редактирования и раскрывающийся список. Это значение принимается по умолчанию. –1 (Simple Combo)- текстовое поле для редактирования и постоянно открытый список. –2 (DropDown List)- поле с раскрывающимся списком. Отличается от первой разновидности тем, что пользователь не имеет возможности вводить текст в поле ввода. По своим свойствам, событиям и методам комбинированные поля подобны спискам.

35 Пример ComboBox

36 Таймер (Timer) Основное назначение элемента Timer – выполнение заданной последовательности действий по истечении установленного промежутка времени. Требуемый промежуток времени (измеряемый в миллисекундах) задается с помощью свойства Interval, значения которого могут находиться в диапазоне от 0 (отключение таймера) до Как только заданный свойством Interval промежуток времени пройдет, наступает событие Timer, и выполняется процедура обработки этого события. Элемент Timer никогда не отображается на экране в режиме выполнения программы. Поэтому он может располагаться на форме где угодно

37 Пример Таймер