Основы алгоритмизации и программирования. Тема 28. Разработка функционального интерфейса приложения

1.

ОСНОВЫ
АЛГОРИТМИЗАЦИИ И
ПРОГРАММИРОВАНИЯ
Тема 28: Разработка функционального
интерфейса приложения

2.

Содержание занятия
1. Создание интерфейса приложения
2. Размещение компонентов
3. Определение свойств компонентов
2

3.

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

4.

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

5.

Чтобы поместить нужный
компонент
на
форму,
необходимо выбрать его из
Палитры Компонентов и указать
его местоположение на области
формы. После размещения
компонента на форме можно
изменять с помощью мыши его
положение и размеры.
По умолчанию компоненты
выравниваются на форме по
линиям сетки, которая при
проектировании отображается
на поверхности формы.
Выделение
нескольких
компонентов
на
форме
выполняется с помощью мыши
при нажатой клавише Shift.
5

6.

Редактировать
размещение
компонентов можно с помощью
контекстного меню или группы
команд меню Edit, например:
• Align — выравнивание группы
компонентов;
• Bring to front — перевод
компонента на передний план;
• Send to Back — перевод
компонента на задний план;
• Size — установка
размеров компонента.
новых
6

7.

Определение свойств компонентов
По типам хранящихся в компонентах
данных
свойства
делятся
на
следующие группы:
• простые — свойства, значения
которых
являются
числами
или
строками (например, Caption, Name,
Left, Top);
• перечисляемые — свойства,
которые могут принимать значения из
предложенного
набора/списка
(например, свойства Visible и Enabled
могут принимать только значение true
или false);
7

8.

Определение свойств компонентов
• множества — свойства,
значения которых представляют
собой комбинацию значений из
предлагаемого
множества
(например,
свойство
формы
Borderlcon);
• объекты — свойства, значения
которых
представляют
собой
объекты. В области значения
свойства-объекта
в
скобках
указывается
тип
объекта
(например, свойство Font типа
TFont).
8

9.

Чтобы изменить значения свойств, необходимо выбрать
изменяемое свойство и, в зависимости от типа данных свойства,
выполнить следующие действия:
• в случае простого свойства ввести в правой колонке
Инспектора Объектов новое значение;
• в случае перечисляемого свойства открыть список,
появившийся в соответствующей ячейке правой колонки, и
выбрать нужное значение;
9

10.

• в случае множества установить значение True на выбираемых
элементах предлагаемого множества;
• в случае объекта заполнить отдельно значение каждого поля
объекта или воспользоваться вспомогательными диалоговыми
окнами задания значений.
10

11.

При
выполнении
приложения
свойства
компонентов
можно
изменять с помощью операторов
присваивания. Например, изменить
заголовок формы можно программно
путем оператора присваивания:
Button1.BackColor:=System.Drawing.
Color.Red;
11

12.

Вопросы и задания
1) Назовите все изученные компоненты для
проектирования
графического
интерфейса
приложения.
2) Что такое события компонентов в Pascal?
3) Назовите известные Вам свойства компонентов.
4) Приведите пример программного
свойства одного из компонентов.
изменения
12